2

私は2つのチェックボックスを持っています。いずれかを確認する必要があります。で使用することは知っていますがJquery、簡単です。ただし、HTML のデフォルト オプション。私はちょうど2つのチェックボックスを持っています。

ありがとう。

コード：

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

チェックボックスの高さと幅を変更するオプションはありますか？cssのように。

4

5 に答える 5

0

これで十分なはずです

var $inputs = $('input');
$('input').change(function() {
    if(this.checked)
        $inputs.not(this).prop('checked', !this.checked);
});

フィドルをチェック

これは、チェックボックスの数に関係なく機能するはずです。

バニラJS

var inputs = document.getElementsByTagName('input'),
    checkboxes = [];

for (var i = 0; i < inputs.length; i++) {
    if (inputs[i].type === 'checkbox') {
        checkboxes.push(inputs[i]);
        inputs[i].addEventListener('change', function () {
            if (this.checked) {
                for (var j = 0; j < checkboxes.length; j++) {
                    if (checkboxes[j] !== this) {
                        checkboxes[j].checked = false;
                    }
                }
            }
        });
    }
}

バニラ Js フィドル

于 2013-07-22T06:51:53.327 に答える