Question

我使用下面的jQuery从单选按钮获取数据，每次显示第一个选中的选项，更改选项时不更新并保持警告相同的选项。

jQuery的：

$(document).ready(function () {

    if ($("input[name=options_1]").is(':checked')) {
       $ans = $("input[name=options_1]:checked").val();
       $(':radio').removeProp('checked');
       $(".submit_ans").click(function () {

          alert($ans);
          $('.viewans').removeClass('disabled');
          $('.next_ques').removeClass('disabled');
       });
       $('.next_ques').click(function () {
          $('.ques_1').hide();
          $('.ques_2').show(); // the html has other questions as well but not shown in the code below. 
          $('.viewans').addClass('disabled');
          $('.next_ques').addClass('disabled');

       });
    }

    $(".viewans").click(function () {
       $(".hide_options").toggle("slow");
    });

 });

HTML：

<div class="form-horizontal">
   <div class="radio col-lg-3">
      <label>
         <input type="radio" value="a" id="optionsRadios1" name="options_1">
      </label>
   </div>
   <div class="radio col-lg-3">
      <label>
         <input type="radio" value="b" id="optionsRadios2" name="options_1">b
      </label>
   </div>
   <div class="radio col-lg-3">
      <label>
         <input type="radio" value="c" id="optionsRadios3" name="options_1">c</label>
   </div>
   <div class="radio col-lg-3">
      <label>
         <input type="radio" value="d" id="optionsRadios4" name="options_1">d
      </label>
   </div>
</div>

Answer 1

将if条件包含在options_1：

的更改事件中

$("input[name=options_1]").change(function(){
..
}

像：

 $("input[name=options_1]").change(function(){
     if($("input[name=options_1]").is(':checked'))
            {
                $ans = $("input[name=options_1]:checked").val();
                $(':radio').removeProp('checked');
                       alert($ans);

            }
  });

FIDDLE DEMO

jQuery选择和更新单选按钮值

1 个答案: