Baru -baru ini, saya mengalami masalah kecil. Kadang-kadang ketika kita menggunakan radio pilihan tunggal, kita akan menemukan bahwa ketika kita memilih satu, kita tidak dapat lagi memilih satu, yaitu, tidak ada fungsi pembatalan setelah memilihnya. Pada saat ini, kita memikirkan kotak centang yang kuat, tetapi itu adalah pilihan ganda, bagaimana kita bisa menjadikannya satu pilihan? Efeknya sama dengan radio. Rookie ini menulis program kecil sendirian. Kode ini sangat sederhana, dengan hanya empat baris.
Tanpa basa -basi lagi, kode langsung:
Salinan kode adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<skrip src = "js/jQuery-1.8.3.min.js" type = "text/javascript" language = "javascript"> </cript>
<title> unt judul dokumen </iteme>
<type skrip = "Teks/JavaScript">
$ (function () {
$ (": kotak centang"). Klik (function () {
if ($ (this) .attr ("checked")! = tidak ditentukan)
{
$ (ini) .siblings (). attr ("checked", false);
$ (ini) .attr ("dicentang", benar);
}
});
});
</script>
<tyle>
span, input {float: left;}
input {lebar: 14px; Tinggi: 14px;}
span {margin-right: 20px;}
</tyle>
</head>
<body>
<div>
<input type = "centang kotak" /> <span> 1 </span>
<input type = "centang kotak" /> <span> 2 </span>
<input type = "centang kotak" /> <span> 3 </span>
<input type = "centang kotak" /> <span> 4 </span>
<input type = "centang kotak" /> <span> 5 </span>
<input type = "kotak centang" /> <span> 6 </span>
<input type = "text" /> <span> 7 </span>
</div>
</body>
</html>