2011-12-13 66 views
0

我有兩個包含12行和24行的網格視圖。每行包含單選按鈕列表(是/否)。在兩個網格下面,還有一個單選按鈕列表。在第一個網格中,所有單選按鈕默認爲「是」。如果有人選擇知道,網格下面的單選按鈕應該被禁用,選擇=「否」。在第二個網格中,單選按鈕默認爲「否」。如果有人選擇「是」,則網格下方的單選按鈕將被禁用,並且所選值=「否」。所有這些工作都應該通過JavaScript完成...在javascript中的gridview行中查找單選按鈕列表

我該怎麼做......?

回答

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

找到這個例子
相關問題