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

Find radio button list from gridview rows in javascript

本文关键字：查找 单选按钮 列表 javascript gridview      更新时间：2023-09-26

我有两个网格视图，分别包含12行和24行。每行包含单选按钮列表(Yes/No)。在这两个网格的下面，还有一个单选按钮列表。在第一个网格中，所有单选按钮默认为"Yes"。如果有人选择了know，网格下面的单选按钮应该被禁用，并使用selection ="No"。在第二个网格中，单选按钮默认为"No"。如果有人选择了Yes，那么网格下面的单选按钮应该被禁用，所选值="No"。所有这些工作都应该通过javascript完成…

我该怎么做???

第一个用户在第一个网格上单击按钮。然后捕获它并将第二个网格更改为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);
    })    
});

你可以在这个链接找到这个例子

相关文章：