JavaScriptのチェックボックスのすべての値の取得

Question

私はチェックボックスを持つHTMLフォームを持っています。 少なくとも1つのチェックボックスでチェックされている必要があります。 JavaScriptを使用してすべてのチェックボックスの値を取得するにはどうすればよいですか？ブラウザのサポートのために

Answer 1

を使用してjQueryのオプションです。

この関数は、ページ上のすべてのチェックボックスを選択し、チェックされたものだけに絞り込み、jQueryオブジェクトのサイズを取得します。

if ($('input:checkbox').prop('checked').size() == 0) 
{ 
alert('no checkboxes were checked'); 
} 

希望します。 :)

Answer 2

// utility function 
function toArray(obj) { 
    var arr = []; 
    for (var i = 0, len = obj.length; i < len; i++) { 
    arr[i] = obj[i]; 
    } 
    return arr; 
} 

// get the form 
var someForm = ...; 
// get all elements and check whether any has type "checkbox" and is checked. 
var checked = toArray(someForm.elements).some(function (el) { 
    return el.type === "checkbox" && el.checked; 
}); 

if (!checked) { 
    alert("please check a box"); 
} 

あなたがここにjqueryでこの記事をタグ付けしておりますのでDOM-shimとES5-shim