Heim > Web-Frontend > js-Tutorial > Hauptteil

Implementierungscode der jQuery-Operation input type=checkbox

高洛峰
Freigeben: 2017-02-11 17:20:00
Original
1761 Leute haben es durchsucht

<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">葡萄牙
Nach dem Login kopieren

1. Der erste und zweite Platz in der Gruppe qualifizieren sich, daher sind sie auf nur zwei Möglichkeiten beschränkt.

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; 
}
Nach dem Login kopieren

2. Durchqueren Sie die ausgewählten Nationalmannschaften.

$("input[name=&#39;nation&#39;]:checked").each(function(){ 
alert("已选择的国家队: "+$(this).val()); 
});
Nach dem Login kopieren

 3. Alle ausgewählten Nationalmannschaften absagen.

$("input[name=&#39;nation&#39;]:checked").attr("checked",false);
Nach dem Login kopieren

 4. Wählen Sie zwei Nationalmannschaften aus.

$("input[name=&#39;nation&#39;][value=&#39;Germany&#39;]").attr("checked",true); 
$("input[name=&#39;nation&#39;][value=&#39;Holland&#39;]").attr("checked",true);
Nach dem Login kopieren

5. Es ist verboten, die Nationalmannschaft zu wählen.

$("input[name=&#39;nation&#39;]").attr("disabled",true);
Nach dem Login kopieren

6. Auswahl der Nationalmannschaft zulassen.

$("input[name=&#39;nation&#39;]").attr("disabled",false);
Nach dem Login kopieren

7. Wählen Sie die Nationalmannschaft aus, deren Index gerade oder ungerade ist (der Index beginnt bei 0).

//选中索引为偶数的国家队 
$("input[name=&#39;nation&#39;]:even").attr("checked",true); 
//选中索引为奇数的国家队 
$("input[name=&#39;nation&#39;]:odd").attr("checked",true);
Nach dem Login kopieren

Weitere Artikel zum jQuery-Operations-Eingabetyp = Checkbox-Implementierungscode finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!