你好,
我在选择另一个
时尝试选择隐藏的广播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
答案 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;
});
答案 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;"
如果每个答案输入都高于无线电度,它就会成功运作。
但在最后一个问题中,它不起作用或检查学位输入:(