jQuery - 定位特定ID

Question

我有以下代码：

<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("input:checkbox").click(function(){
    var group = "input:checkbox[name='"+$(this).attr("name")+"']";
    $(group).attr("checked",false);
    $(this).attr("checked",true);
});
});
</script>                               

如何定位特定ID而不是页面上的每个复选框？

即如果我试图定位的复选框组是#thisgroup

干杯，

Answer 1

您实际上可以将其重写为更简单的内容：

$(this).attr('checked', true).siblings().attr('checked', false);

这假设复选框都共享一个父级。

Answer 2

您可以使用此选择器：

$('#thisgroup :checkbox')....

其中thisgroup是复选框的组/容器。

Answer 3

我会使用.removeAttr（“checked”）而不是将checked属性设置为false。像

这样的东西

    $(function() {
        $("input:checkbox").change(function() {
            var checkname = $(this).attr("name");
            $("input:checkbox[name='" + checkname + "']").removeAttr("checked");
            this.checked = true;
        });
    });

您可以看到working demo

如果您想要定位特定容器内的复选框，那么您也可以设置它，例如

$("#checkboxcontainer input:checkbox").change(function(){
    // your code goes here
});