Bagaimana untuk mengalih keluar keadaan butang radio radio yang dipilih dalam jquery

青灯夜游
Lepaskan: 2022-06-09 18:36:14
asal
6969 orang telah melayarinya

3 kaedah: 1. Gunakan removeAttr() untuk mengalih keluar atribut kotak radio yang ditandakan, sintaksnya ialah "objek butang radio.removeAttr("ditandakan");". 2. Gunakan attr() untuk menetapkan nilai atribut yang diperiksa kepada false, sintaksnya ialah "object.attr("checked",false)" 3. Gunakan prop() untuk menetapkan nilai atribut yang ditandakan kepada false, sintaksnya ialah "object.prop( "checked",false)".

Bagaimana untuk mengalih keluar keadaan butang radio radio yang dipilih dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.0, komputer Dell G3.

3 cara untuk mengalih keluar keadaan butang radio radio yang dipilih dalam jquery

Kaedah 1: Gunakan removeAttr()

Keadaan butang radio radio yang ditanda dikawal oleh atribut yang ditandakan Hanya gunakan removeAttr() untuk mengalih keluar atribut ini.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					$("input").removeAttr("checked");
				});
			});
		</script>
		<style>
			p{
				width: 200px;
				height: 100px;
				border: 1px solid #AFEEEE;
				background-color: #AFEEEE;
			}
		</style>
	</head>
	<body>

		<input type="radio" name="radio1" value="value1" />选项1<br>
		<input type="radio" name="radio1" value="value2" checked />选项2<br>
		<input type="radio" name="radio1" value="value3" />选项3<br><br>
		<button>去掉radio选中状态</button>

	</body>
</html>
Salin selepas log masuk

Bagaimana untuk mengalih keluar keadaan butang radio radio yang dipilih dalam jquery

Kaedah 2: Gunakan attr()

Anda juga boleh menggunakan attr() untuk menyemak butang radio Tetapkan harta kepada palsu untuk menyahpilih radio.

$(document).ready(function(){
	$("button").click(function(){
		$("input").attr("checked",false);
	});
});
Salin selepas log masuk

Bagaimana untuk mengalih keluar keadaan butang radio radio yang dipilih dalam jquery

Kaedah 3: Gunakan prop()

Anda juga boleh menggunakan prop() untuk menyemak butang radio radio Harta ditetapkan kepada nilai palsu.

$(document).ready(function(){
	$("button").click(function(){
		$("input").prop("checked",false);
	});
});
Salin selepas log masuk

Bagaimana untuk mengalih keluar keadaan butang radio radio yang dipilih dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar keadaan butang radio radio yang dipilih dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!