在javascript中从gridview行查找单选按钮列表

时间:2011-12-13 07:33:04

标签: javascript asp.net

我有两个包含12和24行的网格视图。每行包含单选按钮列表(是/否)。在两个网格下方,还有一个单选按钮列表。在第一个网格中,所有单选按钮默认为“是”。如果任何人选择知道,则网格下方的单选按钮应禁用,选择=“否”。在第二个网格中,单选按钮默认为“否”。如果任何一个选择“是”,则网格下方的单选按钮将被禁用,并且选择值=“否”。所有这些工作都应该通过javascript ...

完成

我该怎么办...... ???

1 个答案:

答案 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

找到此示例