カスタム チェックボックス checkbox style_html/css_WEB-ITnose

デフォルトのチェックボックス スタイルは通常、プロジェクトで使用されることはほとんどなく、見た目も醜いです。これは最適化されたスタイルのチェックボックスです。原則は、デフォルトのスタイルを非表示にして、設計されたスタイルに置き換えることです

HTML 構造

<div>    <input type="checkbox"  name=""/>    <label class="check-all">全选</label></div>

js call

$("#checkbox1").checkbox({reqUnit:function() {        console.log("点击复选框执行的后台操作");    },reqAll:function(){        console.log("点击全选复选框执行的后台操作");    }});

デモ

はすべて比較的小さいです機能。コードはまだ最適化する必要があります。まずはここに記録してください。必要に応じて、時間があるときに最適化します

。完全なデモのダウンロード アドレス checkBox.zip