Question

我想检查选择哪个单选按钮，然后使用以下脚本，但它无效。当我选择 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>

Answer 1

我认为你需要在这里使用change功能：

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

此外，每个元素都应具有唯一ID。

Answer 2

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

使用jquery无法在ie8中使用单选按钮？

2 个答案: