单选按钮选中或不使用jquery不工作在ie8 - Radio button checked or not using jquery not working in ie8?

Radio button checked or not using jquery not working in ie8?

本文关键字：jquery 工作 ie8 单选按钮 | 更新日期: 2023-09-27

我想检查选择哪个单选按钮，我使用以下脚本，但它不工作。当我选择y按钮时什么都不会发生但是当我们点击另一个按钮时它会给我y按钮的值

<script type="text/javascript">
   function filtersearch()
   {    
      var waitcharge = $("input:radio[name='waitcharge']:checked").val();
   }
</script>

这是我的表单包含单选按钮

<form id="filterform">    
    <div class="sidebar_inner_options form-group" id="sidebarhome">
    <div class="col-sm-6 filterindent"><label class="radio-inline"><input type="radio" value="y" name="waitcharge" id="waitcharge" onchange="filtersearch();"/> Y</label></div>
    <div class="col-sm-6 filterindent"><label class="radio-inline"><input type="radio" value="n" name="waitcharge" id="waitcharge" onchange="filtersearch();"/> N</label></div>
    <div class="col-sm-6 filterindent"><label class="radio-inline"><input type="radio" value="na" name="waitcharge" id="waitcharge" onchange="filtersearch();"/> NA</label></div>       
    <button type="button" class="btn btn-primary" value="filter" style="padding: 2px 11px 2px 11px;width: 65px;background-color:#F16E0E;border:1px solid #F16E0E;" id="filter"><strong>FILTER</strong></button>
</form>

我认为你需要在这里使用change函数:

$(document).ready(function(){
    var isChecked=false;
    $('input[type="radio"]').change(function(){
        isChecked=$(this).val();
    });
});

每个元素应该有唯一的id。

<form id="filterform">    
        <div class="sidebar_inner_options form-group" id="sidebarhome">
        <div class="col-sm-6 filterindent"><label class="radio-inline"><input type="radio" value="y" name="waitcharge" class="waitchargeRadio" /> Y</label></div>
        <div class="col-sm-6 filterindent"><label class="radio-inline"><input type="radio" value="n" name="waitcharge" class="waitchargeRadio"/> N</label></div>
        <div class="col-sm-6 filterindent"><label class="radio-inline"><input type="radio" value="na" name="waitcharge" class="waitchargeRadio"/> NA</label></div>       
    <button type="button" class="btn btn-primary" value="filter" style="padding: 2px 11px 2px 11px;width: 65px;background-color:#F16E0E;border:1px solid #F16E0E;" id="filter"><strong>FILTER</strong></button>
</form>
<script type="text/javascript">
window.jQuery(document).ready(function(){
    window.jQuery('.waitchargeRadio').on('change',function(){
        var waitcharge = window.jQuery(this).val();
    });
});
</script>