JavaScriptの全選択と選択反転の機能を詳しく解説（コード例付き）

この記事では、ネイティブ js で全選択と選択反転の機能を実装する方法を紹介します。

アイデア: まず、ノード

		遍历每个节点 获取到checked的属性
		然后我们通过改变checked的属性改变选中的状态
		全选的时候我们让他们都为true 
		反选的时候我们使用！达到效果

# を取得します。 ##今回使用したナレッジポイントは次のとおりです:

document.getElementsByName（‘name属性’）：选中所有的name为name属性的的元素节点对象
document.getElementById('id名称'): 通过id名称获取一个元素节点对象
onclick:鼠标点击事件

html パート:

<input> 全选
<input>足球
<input>篮球
<input>羽毛球
<input>反选

js パート

var items = document.getElementsByName('items');
var quan = document.getElementById('quan');
var fan = document.getElementById('fan');

function fan1(){
    var index = 0;
    for(var i =0;i<items.length quan.onclick="function(){" fan.onclick><h2></h2>
<p>関連する推奨事項: [ <img src="https://img.php.cn/upload/article/000/000/020/a37a80b3c1cd10f0bf97587d1908c868-1.png" alt="JavaScriptの全選択と選択反転の機能を詳しく解説（コード例付き）">JavaScript ビデオ チュートリアル </p>#]<p><a href="https://www.php.cn/course/list/17.html" target="_blank"></a></p></items.length>

以上がJavaScriptの全選択と選択反転の機能を詳しく解説（コード例付き）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。