单选按钮检查或不使用 jquery 在 ie8 中不起作用？答案

【问题标题】：Radio button checked or not using jquery not working in ie8?单选按钮检查或不使用 jquery 在 ie8 中不起作用？
【发布时间】：2014-08-05 22:31:37
【问题描述】：

我想检查选择了哪个单选按钮，我使用以下脚本，但它不起作用。当我选择 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>

【问题讨论】：

IE8 中存在哪些控制台错误？
哦。上帝.. id 应该是唯一的..！
这个问题在这里有答案stackoverflow.com/questions/5952666/…
您的代码有效jsfiddle.net/x5E9w
ID 必须是唯一的，否则 jQuery 无法正常运行。

标签： php jquery radio-button

【解决方案1】：

<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>

【讨论】：

【解决方案2】：

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

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

每个元素都应该有唯一的ID。

【讨论】：