ICHECK
特徴:
1.同じパフォーマンスが、デスクトップやモバイルデバイスを含むさまざまなブラウザー(IE6+を含む)およびデバイスで実行されます
2。サポートタッチデバイス-iOS、Android、BlackBerry、Windows Phone、その他のシステム
4.便利なカスタマイズ - HTMLとCSSを使用してスタイリングします(複数のスキンセット)
5。小さいサイズ-GZIP圧縮後の1 kbのみ
6。25パラメーターは、チェックボックスとラジオボタンをカスタマイズするために使用されます。
7。8コールバックイベントは、入力ボックスのステータスを聞くために使用されます。
8。7メソッドは、入力ボックスのステータスをプログラム的に制御するために使用されます
9.入力ボックスのステータスの変更を元の入力ボックスに戻し、すべてのセレクターをサポートできます
使い方:
$( 'input')。icheck( 'check'); //入力ボックスのステータスをチェックします
$( 'input')。icheck( 'uncheck'); //チェックステータスを削除します
$( 'input')。iCheck( 'Toggle'); //チェック状態を切り替えます
$( 'input')。icheck( 'disable'); //入力ボックスのステータスを無効に設定します
$( 'input')。icheck( 'enable'); //無効なステータスを削除します
$( 'input')。icheck( 'update'); //プラグインの外で行われた入力変更を適用します
$( 'input')。iCheck( 'Destroy'); // iCheckスタイルを削除します
iCheckを呼び出すとき、デフォルト値を変更したパラメーターをリストする必要があります。
//基本的な使用方法$( 'input')。icheck({labelhover:false、cursor:true、checkboxclass: 'icheckbox_square-blue'、radioclass: 'iradio_square-blue'、seauleaea:'20% '});パラメーターリストとそのデフォルト値は次のとおりです。
{handle: ''、checkboxclass: 'icheckbox'、radioclass: 'iradio'、checkedclass: 'checked'、checkedcheckboxclass: ''、checkedradieckclass: ''、uncheckedcheckboxclass: ''、 ''、uncheckedcheckboxclass: '、'、disabledclass: '、'、disabledclass: ''、disabledcheckboxclass: ''、disabledcheckboxclass: ''、enabledCheckboxClass: ''、enabledRadioclass: ''、enabledRadioclass: ''、andabledradioclass: ''、enabledradioclass: ''、enabledradioclass: ''、 ''、 ''、enabledRadioclass: ''、enabledradioclass: ''、enabledradioclass: ''、enabledradioclass: ''、enabledradioclass: ''、andabledradioclass: ''、enabledradioclass: '' '、'、focdions: ActiveClass: 'Active'、labelhover:true、labelhoverclass: 'hover'、sulessearea: ''、cursor:false、enternitclass:false、enternitid:false、insert: ''}上記のクラスのいずれかにスタイルをリセットできます
肌
ブラック - 最小限。CSS//ブラック
赤 - red.css //赤
グリーン - 緑色のcss //緑
青 - blue.css //青
aero - aero.css // win7のガラス効果
グレー - grey.css //シルバーグレー
Orange - Orange.css //オレンジ
黄色 - 黄色。css//黄色
ピンク - ピンク.css //ピンク
パープル - 紫色のcss //紫
(これらのスキンパックを自分でダウンロードしてください)
初期化
まず、jQueryライブラリファイルを紹介します
第二に、jquery.icheck.jsプラグインファイルを紹介します
(関連するスキンを導入する場合は、紹介する必要があります:関連するテーマColors.cssファイル)
コールバックイベント
iCheckはすべてのセレクターをサポートし、チェックボックスチェックボックスとラジオボタンでのみ動作します
iCheckは多数のコールバックイベントを提供します。これらはすべて、変更イベントを聞くために使用できます
on()メソッドを使用してイベントをバインドします。
$( '入力')。 Bootstrap ICheckのラジオとチェックボックスのサイズを変更できますか? .icheckbox_square-blue、.iradio_square-blue {display:block;マージン:0;パディング:0;幅:22px;高さ:22px;背景:url(blue.png)繰り返し。国境:なし;カーソル:ポインター; }iCheckのラジオまたはチェックボックススタイルを調整する場合は、上記のCSSを介して幅と高さを変更し、同時にBlue.png画像の対応するサイズを変更します。
ラジオの価値を取得する方法を見てみましょう
次のラジオのセットについて、iCheckを使用するときに値1または0を取得するにはどうすればよいですか?
上記は、編集者が紹介したICHECKプラグインチェックボックスとブートストラップのラジオです。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!