JQuery 和复选框

Question

我遇到了 Jquery 和复选框的问题。 例如，我有这个:

<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 禁用 input[type=text]。

这是我的代码:

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

可能有什么问题我没有得到，但是当我单击一个复选框时，它会禁用第一个文本，如果我取消选中它，则在我检查另一个文本之前什么也不会发生。

感谢您的宝贵时间!!!

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");
});