チェックボックスは、Webページで非常に一般的です。次に、私が以前に書いた2つの小さなデモで、どちらもチェックボックスに関するものです。それがすべての人に役立つことを願っています。
1つ目は、チェックボックスの完全な操作についてです。
<！ } #opp {width：20px：1px style：none;}入力ID =すべてのタイプ=チェックボックス>完全な選択</td> <td width = 300px>チェックボックスフル選択例</td> </tr> <td> <入力クラス=リストタイプ=チェックボックス> </td> < td> </td> </tr> <l> <nput class = list type =チェックボックス> </td> </td> </tr> <tr> <tr> <入力クラス=リストタイプ=チェックボックス> < /td> </td> </tr> <tr> <入力クラス=リストタイプ=チェックボックス> </td> </td> td> </td> </tr> <td> <input class = list type =チェックボックス> </td> </td> </tr> <td> <input class = list type =チェックボックス> </td> <td> </td> </tr> <l> <nput class = list type =チェックボックス> </td> </td> </tr> <tr> <td> <input id = opp inpt = button> anti -selection </td> </td> </tr> </table> <Script> document.getElementByID（すべて）document.getElementsbyclassname（list）; vlist.length; i ++）{vlist [i] .checked = vll .checked;} if（this.checked == false）{vll.checked = false;} e {for（var i2 = 0; i2 <vlist.length; i2 ++）{if（vlist [i2] .checked == false）{ break;} if（i2> = vlist.length-）{vll.checked = true;}}}}}} vopp.onclick = function（）{for（var i = 0; i <vlist.length; i ++） {vlist [i] .checked =！2つ目は、カスタムチェックボックススタイルです。これは、写真を使用してチェックボックスを置き、クールな効果を増やすことができます。
<！不透明度：none} display {block;背景：url（IMG/1.png）; > <label for = input1> </label> </div> <div class = box2> <inputタイプ=チェックボックス= id =/> <label = input2> </l abel> </div> <div class = box3> <入力タイプ=チェックボックスname = id = input3 value =/> <label for = input3> </label> </body> </html>上記は、Xiaobianによって紹介されたHTMLページの操作方法です。 VEVBウーリンのウェブサイトへのご支援ありがとうございます！