Javascript 选中另一个隐藏的单选按钮

Javascript 选中另一个隐藏的单选按钮,javascript,jquery,forms,Javascript,Jquery,Forms,你好 当选择另一个收音机时,我正在尝试选择隐藏收音机input <div class="questions"> <div class="questions_title"> <span> Q : What Are you doing now ?</span> </div> <div class="answers"> <script>

你好

当选择另一个收音机时,我正在尝试选择隐藏收音机
input

<div class="questions">
<div class="questions_title">
    <span> Q : What Are you doing now ?</span>
</div>                       
<div class="answers">           
  <script>
      $('#answerid_').on('checked', function() {
         $('#degres_').prop('checked', true);
         return false;
      });
  </script>

  <div class="field">
   <input type="radio" value="1915" id="answerid_1" name="answerid_1" class="required">
   <input type="hidden" value="0" id="degres_1" name="degres_1">
   <span class="questions_label">Working. </span>
  </div>
  <div class="field">
   <input type="radio" value="1916" id="answerid_2" name="answerid_1">
   <input type="hidden" value="1" id="degres_2" name="degres_1">
   <span class="questions_label">Playing.</span>
  </div>
  <div class="field">
   <input type="radio" value="1917" id="answerid_3" name="answerid_1">
   <input type="hidden" value="2" id="degres_3" name="degres_1">
   <span class="questions_label">not Sleeping </span>
  </div>
  <div class="field">
   <input type="radio" value="1918" id="answerid_4" name="answerid_1">
   <input type="hidden" value="3" id="degres_4" name="degres_1">
   <span class="questions_label">Nothing.</span>
  </div>

</div>

问:你现在在做什么?
$('answerid')。on('checked',function(){
$('degrees').prop('checked',true);
返回false;
});
工作
玩。
不睡觉
没有什么。


我需要=>当选择任何答案时,相应的下一个隐藏
程度也将被选中

您需要通配符来附加事件和更改事件

$('[id^=answerid_]').on('change', function() {
        $(this).next(':hidden').prop('checked', true);
        return false;
});
$('[id^=answerid_]').on('change', function() {
        $(this).siblings('[id^=degres_]').prop('checked', true);
        alert($(this).siblings('[id^=degres_]').prop('checked'));
   return false;
});
我建议您设置隐藏字段的值,而不是使用隐藏检查

$(this).next(':hidden').val("true");
应该是

 $('[id^=answerid_]').on('change', function() {
    $(this).next().prop('checked', true);
    return false;
 });

无法检查隐藏类型输入。但是,您可以检查收音机类型的不可见输入(使用
显示:none
样式)。

您可以尝试此方法

JS代码


无法检查隐藏类型输入。它需要一个值,因此如果选中了previous,则该值可能为1;如果未选中previous,则该值可能为0。

使用以下代码后

$('[id^=answerid\]').on('change',function(){$(this).sides('[id^=degres\]').prop('checked',true);//alert($(this).sides('[id^=degres\]').prop('checked');返回false;})

以及将隐藏的输入更改为另一个收音机,因为它现在可以工作,并且通过添加

style=“左边距:-16px;位置:绝对;”

每一个答案输入都要高于收音机的度数,它就能成功地工作


但在最后一个问题中,它不起作用或无法检查学位输入:(

谢谢各位,我尝试使用以下代码
$('[id^=answerid_]')。on('change',function(){$(this.)。同胞('[id^=degrees_]')。prop('checked',true);//警报($(this)。同胞('[id^=degrees_]'))。prop('checked');返回false;});
但在隐藏输入中,它不起作用,而是通过添加
style=“margin left:-16px;position:absolute;”“
对于每个答案输入,它起作用,并显示为1个按钮
,但在问题21中,在使用以下代码
$('[id^=answerid_uquo')。on('change',function(){$(this).兄弟姐妹('id^=degrees_quo之后,它不是选择度按钮
).prop('checked',true);//警报($(此).this同级('id^=degres_]')).prop('checked');返回false;});
并将隐藏输入更改为另一个收音机,因为它在隐藏输入中不工作,并通过添加
style=“margin left:-16px;位置:绝对;”
对于每个答案输入,它都有效,并显示为1个按钮
但在问题21中,它不是选择学位按钮
是的,我知道这一点,我在上面添加了注释,我解决了这个问题,但出现了另一个错误:)
但在问题21中,它不是选择学位按钮
是的,我知道这一点,我在上面添加了一条评论,我解决了这个问题,但出现了另一个错误:)
但在问题21中,不是选择学位按钮