ホームページ >ウェブフロントエンド >jsチュートリアル >jsのチェックボックスで複数の値を選択するにはどうすればよいですか?

jsのチェックボックスで複数の値を選択するにはどうすればよいですか?

不言
不言オリジナル
2018-08-14 16:40:312111ブラウズ

この記事の内容は、jsでチェックボックスの値を複数選択する方法についてです。困っている友人は参考にしていただければ幸いです。

アイデア: name 属性値を使用してチェックボックス オブジェクトを取得し、ループしてチェックされた属性を決定します (true は選択されていることを意味し、false はチェックされていないことを意味します)。以下はデモの例です:

1. HTML 構造

<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type=&#39;button&#39; value=&#39;提交&#39; onclick="show()"/>

2. JavaScript コード (jQuery)

function show(){
    obj = document.getElementsByName("test");
    check_val = [];
    for(k in obj){
        if(obj[k].checked)
            check_val.push(obj[k].value);
    }
    alert(check_val);
}

3. 関連する推奨事項:

暗黙的とは型変換? js暗黙的型変換入門

小さな画像をクリックすると大きな画像が表示されるような効果を実現するjsの操作方法は? (コード例)

jsの実行機構の概念とは何ですか? js実行機構の実装方法

以上がjsのチェックボックスで複数の値を選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。