บทความนี้มีสามวิธีในการยกเลิกการเลือกวิทยุ ตัวอย่างโค้ดมีดังนี้:
บทความนี้อาศัย jQuery วิธีการแรกและวิธีที่สองถูกนำมาใช้โดยใช้ jQuery และวิธีที่สามจะขึ้นอยู่กับ JS และ DOM
คัดลอกรหัสรหัสดังต่อไปนี้:
<!DOCTYPE HTML>
<html>
<หัว>
<title>สามวิธีในการยกเลิกการเลือกปุ่มตัวเลือก</title>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">
</สคริปต์>
<script type="text/javascript">
$(ฟังก์ชั่น(){
-
var $browsers = $("input[ชื่อ=เบราว์เซอร์]");
var $cancel = $("#ยกเลิก");
var $byhide = $("#byhide");
var $remove = $("#remove");
-
$cancel.click(ฟังก์ชั่น(e){
//ลบแอตทริบิวต์ ใช้ได้ทั้งสองวิธี
//$browsers.removeAttr("ตรวจสอบแล้ว");
$browsers.attr("ตรวจสอบแล้ว",เท็จ);
-
-
$byhide.click(ฟังก์ชั่น(e){
//สลับไปยังโดเมนที่ซ่อนอยู่ มีให้เลือกทั้งสองวิธี
//$("#hidebrowser").attr("ตรวจสอบแล้ว",จริง);
$("#hidebrowser").attr("ตรวจสอบแล้ว", "ตรวจสอบแล้ว");
-
-
$remove.click(ฟังก์ชั่น(e){
// ไปที่องค์ประกอบ DOM โดยตรงและลบแอตทริบิวต์ออก
// หากคุณไม่ได้ใช้ jQuery คุณสามารถย้ายวิธีนี้ได้
var checkbrowser=document.getElementsByName("เบราว์เซอร์");
-
$.each(ตรวจสอบเบราว์เซอร์, ฟังก์ชั่น(i,v){
v.ตรวจสอบ = false;
v.removeAttribute("ตรวจสอบแล้ว");
-
-
-
var len = ตรวจสอบเบราว์เซอร์ความยาว;
วาร์ i = 0;
สำหรับ(; i <len; i++){
// ต้องตั้งค่าเป็นเท็จก่อนแล้วจึงลบแอตทริบิวต์ออก
ตรวจสอบเบราว์เซอร์ [i] .checked = false;
// คุณสามารถทำได้โดยไม่ต้องลบแอตทริบิวต์ออก
//checkedbrowser[i].removeAttribute("ตรวจสอบแล้ว");
-
-
-
</สคริปต์>
</หัว>
<ร่างกาย>
<p>คุณชอบเบราว์เซอร์ใด? </p>
<แบบฟอร์ม>
<input style="display:none;" id="hidebrowser" type="radio" name="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="ยกเลิกวิธีที่ 1" size="20">
<input type="button" id="byhide" value="ยกเลิกการเลือกวิธีที่ 2" size="20">
<input type="button" id="remove" value="ยกเลิกการเลือกวิธีที่ 3" size="20">
</แบบฟอร์ม>
</ร่างกาย>
</html>