jQueryはチェックボックスの全選択と逆選択を実現します。

1632 ワード

話が多くないので、コードを見てください。


<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 <form>
 <label for="apple">  </label>
 <input type="checkbox" name="apple">
 <label for="banana">  </label>
 <input type="checkbox" name="banana">
 <label for="orange">  </label>
 <input type="checkbox" name="orange">
 <input type="button" value="  " onclick="allPick()">
 <input type="button" value="   " onclick="unAllPick()">
 <input type="button" value="  " onclick="inverserPick()">
 </form>
 <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
 <script>
 //   
 function allPick() {
  $("[type=checkbox]:checkbox").each(function () {
  this.checked = true;
  })
 }
 //    
 function unAllPick() {
  $("[type=checkbox]:checkbox").each(function () {
  this.checked = false;
  })
 }
 //   
 function inverserPick() {
  $("[type=checkbox]:checkbox").each(function () {
  this.checked = !this.checked;
  })
 }
 </script>
</body>
</html>

以上が本文の全部です。本文の内容は皆さんの学習や仕事に一定の助けをもたらしてくれると同時に、私達を応援してください。

javaの中でlistの使い方と実例は解説します。

javascriptの中の「&」と「𞓜」について話します。