ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery操作の実装コード input type=checkbox

jQuery操作の実装コード input type=checkbox

高洛峰
リリース: 2017-02-11 17:20:00
オリジナル
1783 人が閲覧しました

<input type="checkbox">: 
2012欧洲杯"死亡之组"小组出线的国家队是:<br> 
<input type="checkbox" name="nation" value="Germany">德国 
<input type="checkbox" name="nation" value="Denmark">丹麦 
<input type="checkbox" name="nation" value="Holland">荷兰 
<input type="checkbox" name="nation" value="Portugal">葡萄牙
ログイン後にコピー

1.グループ1位と2位が出場権を獲得するので、選択肢は2つに絞らなければなりません。

var len = $("input[name=&#39;nation&#39;]:checked").length; 
if(len==0) { 
alert("请选择出线的国家队!"); 
return false; 
}else if(len<2) { 
alert("请选择两个国家队!"); 
return false; 
}else if(len>2) { 
alert("只能选择两个国家队!"); 
return false; 
}else { 
return true; 
}
ログイン後にコピー

2. 選択された代表チームを横断します。

$("input[name=&#39;nation&#39;]:checked").each(function(){ 
alert("已选择的国家队: "+$(this).val()); 
});
ログイン後にコピー

3. 選択されたすべての代表チームをキャンセルします。

$("input[name=&#39;nation&#39;]:checked").attr("checked",false);
ログイン後にコピー

4. 2つの代表チームを指定します。

$("input[name=&#39;nation&#39;][value=&#39;Germany&#39;]").attr("checked",true); 
$("input[name=&#39;nation&#39;][value=&#39;Holland&#39;]").attr("checked",true);
ログイン後にコピー

5.代表チームを選ぶことは禁止されています。

$("input[name=&#39;nation&#39;]").attr("disabled",true);
ログイン後にコピー

6.代表チームの選択を許可します。

$("input[name=&#39;nation&#39;]").attr("disabled",false);
ログイン後にコピー

7. 指数が偶数または奇数(指数は0から始まる)の代表チームを選択します。

//选中索引为偶数的国家队 
$("input[name=&#39;nation&#39;]:even").attr("checked",true); 
//选中索引为奇数的国家队 
$("input[name=&#39;nation&#39;]:odd").attr("checked",true);
ログイン後にコピー

その他の jQuery 操作 input type=checkbox 実装コード関連記事については、PHP 中国語 Web サイトに注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート