JQuery和複選框

Question

我遇到了Jquery和Checkboxes的問題。 例如，我有這樣的：

<input type="checkbox" name="guest" value="1" /> 
<input type="checkbox" name="guest" value="2" /> 
<input type="checkbox" name="guest" value="3" /> 

<input type="text" id="player-1" /> 
<input type="text" id="player-2" /> 
<input type="text" id="player-3" /> 

我的問題，什麼我一直在尋找，就是如何禁止輸入[類型=文本]使用jQuery。

這是我的代碼：

<script> 
$("input").on("click", function() { 
var i = $("input:checked").val(); 
if(this.checked) 
$("#player-"+i).attr("disabled", "disabled"); 
else 
$("#player-"+i).removeAttr("disabled"); 
}); 
</script> 

，願你有什麼東西錯了，我不明白，但是當我點擊一個複選框，它禁用第一個文本，如果我decheck吧，沒什麼happends直到我查一個另一個。

感謝您的時間！

Answer 1

你需要

var i = $(this).val(); 

而不是

var i = $("input:checked").val(); 

Live Demo

$("input").on("click", function() { 
    var i = $(this).val(); 
    if (this.checked) $("#player-" + i).attr("disabled", "disabled"); 
    else $("#player-" + i).removeAttr("disabled"); 
}); 

Answer 2

您可以啓用/與jQuery prop方法禁用輸入：

$("input").prop('disabled', true); 
$("input").prop('disabled', false); 

您例如：

$("#player-" + i).prop('disabled', this.checked); 

Answer 3

的問題是在這條線$("input:checked").val()。

更改爲，

$("input").on("click", function() { 
    var i = $(this).val(); 
    if (this.checked) 
     $("#player-" + i).attr("disabled", "disabled"); 
    else 
     $("#player-" + i).removeAttr("disabled"); 
}); 

因爲它只有當它被選中的值。當您取消選中該複選框時，它將顯示undefined。