javascript - JavaScriptでHTMLチェックボックスをループ

原文 javascript html jsp

実際、JavaScriptのチェックボックスをループする方法について質問があります。たとえば、JSPループでHTMLチェックボックスを作成したとしたら、JavaScriptでそれらのチェックボックスの検証を行いたいのですが、どうすればよいですか?
通常、単一のオブジェクトの場合、window.document.form.checkboxまたは同様のものを使用できます。

<%   
    for(int i=1; i<somevalue; i++)    //jsp 
    {
%>
    <input type="checkbox"  name="chkbox_"<%=i> value="<%=something%>">   <!-- html -->
<%
    }
%>    
答え
私によると、いくつかの解決策があります:

1:

HTMLコードを変更したくない場合は、JavaScriptを使用します。このメソッドgetElementsByTagNameを使用できます。例http://www.w3schools.com/jsref/met_element_getelementsbytagname.asphttp://www.w3schools.com/jsref/met_doc_getelementsbytagname.asp

var checkboxes = document.getElementsByTagName("input");
for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].type == "checkbox") {
        var isChecked = checkboxes[i].checked;
    }
}


2:

すべてのチェックボックスにclass属性を追加し、このメソッドを使用getElementsByClassName

3:

各チェックボックスにid属性を追加し、getElementByIdメソッドを使用します

4:

JQueryを使用する

$("input[type=='checkbox']").each(obj, function(key, value) {
    //  Do something
});
関連記事

javascript - ジェスチャがまだ垂直方向にスクロールしていない場合にのみ、水平方向のパンイベントを許可します

javascript - JavaScriptの配列値をスキップしますか?

javascript - コマンドラインクライアントと対話する

javascript - iPadのフルカレンダーバージョン2のドラッグイベント

javascript - 重複のAngular ng-repeat

javascript - node.jsのjQueryパッケージに$ .ajaxメソッドがないのはなぜですか?

javascript - JavaScriptを使用して範囲を強調表示できない

javascript - Knockoutjsクリックバインディングが機能しなくなった

javascript - HTMLに解析されたJSONデータの<script>タグのエスケープ/削除

javascript - ドロップダウンに表示される複数のcssファイルからCSSクラスのリストを取得します