Artikel ini memberikan tiga cara untuk menghapus centang radio. Contoh kodenya adalah sebagai berikut:
Artikel ini mengandalkan jQuery. Metode pertama dan kedua diimplementasikan menggunakan jQuery, dan metode ketiga didasarkan pada JS dan DOM.
Copy kode kodenya sebagai berikut:
<!DOCTYPE HTML>
<html>
<kepala>
<title>Tiga cara untuk menghapus centang tombol radio</title>
<skrip type="teks/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">
</skrip>
<skrip tipe="teks/javascript">
$(fungsi(){
//
var $browser = $("input[nama=browser]");
var $batal = $("#batal");
var $menyembunyikan = $("#menyembunyikan");
var $hapus = $("#hapus");
//
$batal.klik(fungsi(e){
//Hapus atribut, kedua metode tersedia
//$browsers.removeAttr("dicentang");
$browsers.attr("dicentang",salah);
});
//
$byhide.klik(fungsi(e){
//Beralih ke domain tersembunyi, kedua metode tersedia
//$("#hidebrowser").attr("dicentang",benar);
$("#hidebrowser").attr("dicentang","dicentang");
});
//
$hapus.klik(fungsi(e){
// Buka langsung elemen DOM dan hapus atributnya
// Jika Anda tidak menggunakan jQuery, Anda dapat mentransplantasikan metode ini
var memeriksabrowser=document.getElementsByName("browser");
/*
$.each(peramban yang diperiksa, fungsi(i,v){
v.dicentang = salah;
v.removeAttribute("dicentang");
});
*/
//
var len = browser.panjang yang dicentang;
var saya = 0;
untuk(; saya < len; saya++){
// Pertama-tama harus menyetel nilainya ke false lalu menghapus atributnya
diperiksabrowser[i].diperiksa = false;
// Anda dapat melakukan ini tanpa menghapus atributnya
//diperiksabrowser[i].removeAttribute("dicentang");
}
});
});
</skrip>
</kepala>
<tubuh>
<p>Peramban manakah yang Anda sukai? </p>
<bentuk>
<input style="display:none;" id="hidebrowser" type="radio" nama="browser" value="">
<input type="radio" name="browser" value="Internet Explorer">Internet Explorer<br />
<input type="radio" name="browser" value="Firefox">Firefox<br />
<input type="radio" name="browser" value="Netscape">Netscape<br />
<input type="radio" name="browser" value="Opera">Opera<br />
<br />
<input type="button" id="cancel" value="Batalkan metode 1" size="20">
<input type="button" id="byhide" value="Hapus centang metode 2" size="20">
<input type="button" id="remove" value="Hapus centang metode 3" size="20">
</bentuk>
</tubuh>
</html>