1

次のようなチェックボックスがいくつかあります。

<form name="submit-form" name="submit-form">
<label>property1</label>
<input type="checkbox" name="property1"><br>
<label>property2</label>
<input type="checkbox" name="property2"><br>
<label>property3</label>
<input type="checkbox" name="property3"><br>
<label>property4</label>
<input type="checkbox" name="property4"><br>
<label>property5</label>
<input type="checkbox" name="property5"><br>
<label>property6</label>
<input type="checkbox" name="property6"><br>
<input type="submit">
</form>

一度に少なくとも 1 つのチェックボックスを検証したいと思います。助けてください。前もって感謝します

4

4 に答える 4

8 
$("#YourbuttonId").click(function(){
    if($('#YourTableId').find('input[type=checkbox]:checked').length == 0)
    {
        alert('Please select atleast one checkbox');
    }
});

アップデート：

私はあなたのコードを見て、jquery 検証プラグインを使用しているようです。その場合、この投稿が役立ちます

グループに存在するチェックボックスと同じ名前を付けてみてください

http://forum.jquery.com/topic/check-that-at-least-1-checkbox-is-checked-using-jquery-validate-plugin

于 2012-10-27T06:15:06.110 に答える
1

これを試して 

$('form').submit(function(e) {
    if($("input:checked").length == 0){
    alert('please checked atleast one');
    }
});​
于 2012-10-27T06:21:08.937 に答える
1

簡単に選択できるように、それらすべてを div を使用してコンテナーにラップし、次を使用できます。

if($('#wrapperID input:checked').length > 0) {
    'at least one is checked
}
于 2012-10-27T06:16:04.440 に答える
0

このデモを参照してください: http://jsfiddle.net/RGUTv/ または、ここで特定のケースのデモ: http://jsfiddle.net/J98Ua/

ここでの私の古い応答:少なくとも 1 つのチェックボックスの検証

残りがニーズに合うことを願っています！:)

コード

$(document).ready(function() {
    $('#my-form').submit(function() {
        amIChecked = false;
        $('input[type="checkbox"]').each(function() {
            if (this.checked) {
                amIChecked = true;
            }
        });
        if (amIChecked) {
            alert('atleast one box is checked');
        }
        else {
            alert('please check one checkbox!');
        }
        return false;
    });
});​
于 2012-10-27T06:36:16.250 に答える