コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

jquery とピクチャを使用してチェックボックスとラジオ コントロールを美しくするコード (パッケージ ダウンロード)_jquery

WBOY
リリース： 2016-05-16 18:16:32
オリジナル
1292 人が閲覧しました

效果图:
jquery とピクチャを使用してチェックボックスとラジオ コントロールを美しくするコード (パッケージ ダウンロード)_jquery
HTML:

复制代 代以下:















JS:
复制代代码如下:

$(function(){
$('#chklist').hcheckbox();
$('#radiolist').hradio();
$('#btnOK').click (function(){
var selectedValues = new Array();
$('#chklist :checkbox').each(function(){
if($(this).is(':checked) '))
{
checkedValues.push($(this).val());
}
});
alert(checkedValues.join(',')); 🎜>alert($('#radiolist :checked').val());
})
});

導入 jquery 文件は必須です
またチェックボックスのチェックボックスの JS 文件 jquery-hcheckbox.js、ダウンロードされたパッケージ内にソース文件とデモがあります
場合はここにあります基础上您做出了更美的请通知我哦~~
演示地址
http://demo.jb51.net/js/jQuery_HCheckbox/index.html
打包下ダウンロード地址
関連ラベル：
Radio 美化する
ソース：php.cn
前の記事：jqueryベースの選択タグからテキストフィールド効果、複数選択/繰り返しフィルタリング/制限数の実装 code_jquery 次の記事：MooTools_javascript スキルに基づいた非常にクリエイティブなスクロール バー時計アニメーション
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
送信後に選択したチェックボックスの値を印刷する方法 これは、データを送信するために必要なチェックボックスとボタンのリストです。<label>AccessLocations</label><br/>...
から 2024-04-06 13:07:43
0
2
337
継続クラスに CSS スタイルを適用する方法 .checked クラスが存在する場合、text-decoration:line-through; スタイルを .todo-name に挿入する必要があります (CSS で実行でき...
から 2024-04-02 22:44:36
0
1
319
Bootstrap Vue チェックボックス <b-table> <b-form-checkbox> b-table で b-form-checkbox を使用しようとしています。選択したモジュール ID を取得してみます。 <b-tableid="module-t...
から 2024-03-31 18:36:11
0
1
389
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート