我有两个包含12和24行的网格视图。每行包含单选按钮列表(是/否)。在两个网格下方,还有一个单选按钮列表。在第一个网格中,所有单选按钮默认为“是”。如果任何人选择知道,则网格下方的单选按钮应禁用,选择=“否”。在第二个网格中,单选按钮默认为“否”。如果任何一个选择“是”,则网格下方的单选按钮将被禁用,并且选择值=“否”。所有这些工作都应该通过javascript ...
完成我该怎么办...... ???
答案 0 :(得分:1)
第一个用户在第一个网格点击了一个按钮。然后你捕获它并将第二个网格更改为false。使用EventListener。我用checkbox
来完成这项工作。因为您无法以相同的形式同时设置多个单选按钮。
<h3>First Grid</h3>
<input id="radio1_1" type="checkbox" name="correctAnswer" value="1">Yes
<input id="radio1_2" type="checkbox" name="correctAnswer" value="2">No
<br>
<h3>Second Grid</h3>
<input id="radio2_1" type="checkbox" name="correctAnswer" value="1">Yes
<input id="radio2_2" type="checkbox" name="correctAnswer" value="2">No
<br>
<h3 id="h3">Third Grid</h3>
<input id="radio3_1" type="checkbox" name="correctAnswer" value="1">Yes
<input id="radio3_2" type="checkbox" name="correctAnswer" value="2">No
和jQuery函数
$(document).ready(function(){
$('#radio1_2').prop('checked', true);
$('#radio2_2').prop('checked', true);
$('#radio3_2').prop('checked', true);
$('#radio1_1').click(function(){
$('#radio2_2').prop('checked', false);
$('#radio2_2').prop('disabled', true);
})
$('#radio2_1').click(function(){
$('#radio3_2').prop('checked', false);
$('#radio3_2').prop('disabled', true);
})
});
您可以在此link
找到此示例