1

我创建了一个函数来将我的复选框设置为单选按钮，此外还可以取消选择它们。我遇到的问题是，当第二次单击同一个框时（不是快速双击），它什么也不做，就像它没有捕捉到事件一样。

它们以两个为倍数，共享名称。

checkbox name 1
checkbox2 name 1

checkbox3 name 2
checkbox4 name 2 ....

这是我的功能，它运行良好，除了那个小故障。

$('#MyDiv').find('input[type="checkbox"]').click(function() {
    if (!$(this).is(':checked')) {
        $(this).prop('checked', false);
        return;
    }
    $('#MyDiv').find('input[type="checkbox"][name=' + $(this).attr('name') + ']').each(function() {
        $(this).prop('checked', false);
    });
    $(this).prop('checked', true);
});

html示例：

<div id="MyDiv">
    <div>
        <p>
            <input id="MyDivUsage_Yes" type="checkbox" name="MyDivUsage"  />
            <label for="MyDivUsage_Yes">Yes</label>
            <input id="MyDivUsage_No" type="checkbox" name="MyDivUsage" />
            <label for="MyDivUsage_No">No</label>
        </p>

    </div>
</div>​

出于某种原因，它不适用于 jsfiddle。

4

2 回答 2

1

我猜它至少可以更有效：

$('#MyDiv').find('input[type="checkbox"]').on('click', function() {
    $('input[type="checkbox"][name="'+$(this).attr('name')+'"]').not(this).prop('checked', false);
});​

小提琴

或者更多的原生 JS：

$('input[type="checkbox"]', '#MyDiv').on('click', function() {
    var boxes = document.getElementsByName(this.name);
    for (var i=0; i<boxes.length; i++) {
        if (boxes[i] != this) boxes[i].checked = false;
    }
});​

小提琴

于 2012-12-14T08:31:02.363 回答
1

试试这个：

var checked = {};
    $('.desectable-radio').each(function (index) {
        checked[index] = this.checked;
        $(this).click(function () {
            if (checked[index])
                this.checked = false;
            for (var i in checked) {
                checked[i] = false;
            }
            checked[index] = this.checked;
        });
    });

小提琴：http: //jsfiddle.net/dFDeX/1/

于 2012-12-14T08:34:05.840 回答