检查另一个隐藏的单选按钮

时间:2013-01-21 12:05:41

标签: javascript jquery forms

你好

我在选择另一个

时尝试选择隐藏的广播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>

我需要=&gt;选择任何答案时,也会检查下一个隐藏的degree

6 个答案:

答案 0 :(得分:1)

您无法检查隐藏类型输入。但是,您可以检查无线电类型的不可见输入(使用display:none样式)。

答案 1 :(得分:0)

你需要外卡来附加事件和更改事件。

<强> Live Demo

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

我建议您设置隐藏字段的值,而不是使用隐藏检查。

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

答案 2 :(得分:0)

它应该是..

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

答案 3 :(得分:0)

你可以试试这个

JS CODE

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

DEMO

答案 4 :(得分:0)

您无法检查隐藏类型输入。它期望一个值,因此如果先前被中止则该值可以是1,如果未被检查则该值可以是0.

答案 5 :(得分:0)

使用下面的代码后

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

并将隐藏输入更改为另一台收音机,因为它现在可以正常工作并添加

style="margin-left: -16px; position: absolute;"

如果每个答案输入都高于无线电度,它就会成功运作。

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