-1
我需要爲單選按鈕設置4個表格,我想要設置選項禁用其他選項,所以如果您選擇A作爲問題1,則選項A在2,3和4中被禁用。基於其他單選按鈕的單選按鈕切換
我已經設法把東西放在一起,但是我的知識是有限的,所以它最有可能是這樣做的最長可能的方式,並且希望有人在開始構建之前知道更簡單的方法2個額外的形式。
我設置一個小提琴,http://jsfiddle.net/2Kc6m/2/
HTML:
<form id="answer1" class="radioOptions">
<div class="formInput"><input type="radio" value="A1" name="question1" /> A</div>
<div class="formInput"><input type="radio" value="B1" name="question1" /> B</div>
<div class="formInput"><input type="radio" value="C1" name="question1" /> C</div>
<div class="formInput"><input type="radio" value="D1" name="question1" /> D</div>
</form>
<form id="answer2" class="radioOptions">
<div class="formInput"><input type="radio" value="A2" name="question2" /> A</div>
<div class="formInput"><input type="radio" value="B2" name="question3" /> B</div>
<div class="formInput"><input type="radio" value="C2" name="question3" /> C</div>
<div class="formInput"><input type="radio" value="D2" name="question2" /> D</div>
</form>
腳本:
$('.answerOptions').click(function(){
if(this.value == 'A1' && this.checked){
$('input[value=A2]').prop('disabled', true);
$('input[value=B2], input[value=C2], input[value=D2]').prop('disabled', false);
}
else if(this.value == 'B1' && this.checked){
$('input[value=A2], input[value=C2], input[value=D2]').prop('disabled', false);
$('input[value=B2]').prop('disabled', true);
}
else if(this.value == 'C1' && this.checked){
$('input[value=C2]').prop('disabled', true);
$('input[value=A2], input[value=B2], input[value=D2]').prop('disabled', false);
}
else if(this.value == 'D1' && this.checked){
$('input[value=A2], input[value=B2], input[value=C2]').prop('disabled', false);
$('input[value=D2]').prop('disabled', true);
}
else{
$('.answerOptions').not(this).prop('checked', false).prop('disabled', false);
}
});
由於這是近乎完美。 – RemeJuan 2013-03-18 10:56:31
@RemeJuan在解決方案 – 2013-03-18 10:58:05
中有沒有問題,它只能一次處理2套,在更新的小提琴中處理。 http://jsfiddle.net/2Kc6m/7/ – RemeJuan 2013-03-18 11:06:19