cari

Rumah >hujung hadapan web >tutorial js >JQuery menentukan sama ada radio dipilih dan memperoleh kod_jquery sampel nilai yang dipilih

JQuery menentukan sama ada radio dipilih dan memperoleh kod_jquery sampel nilai yang dipilih

WBOY
WBOYasal
2016-05-16 16:33:211114semak imbas

Fungsi operasi radio lain akan ditambah pada masa hadapan. Pergi terus ke kod, jangan lupa untuk memetik pakej JQuery 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery radio</title>
<script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script>
<script type="text/javascript" language="javascript">
/*------判断radio是否有选中，获取选中的值--------*/
$(function(){
$("#btnSubmit").click(function(){
var val=$('input:radio[name="sex"]:checked').val();
if(val==null){
alert("什么也没选中!");
return false;
}
else{
alert(val);
}
var list= $('input:radio[name="list"]:checked').val();
if(list==null){
alert("请选中一个!");
return false;
}
else{
alert(list);
} 
});
});
</script>
</head>

<body>
<form id="form1" >
<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
<br />
<input type="radio" name="list" value="十分满意" />十分满意
<input type="radio" name="list" value="满意" />满意
<input type="radio" name="list" value="不满意" />不满意
<input type="radio" name="list" value="非常差" />非常差
<br />
<input type="submit" value="submit" id="btnSubmit" />
</form>
</body>
</html>

Komen netizen: var boolCheck=$('input:radio[name="sex"]').is(":checked"); adalah lebih baik, kaedah ini lebih mudah

is() Mengesan set elemen padanan berdasarkan pemilih, elemen atau objek jQuery, kembali benar jika sekurang-kurangnya satu daripada elemen ini sepadan dengan hujah yang diberikan.

Jika aksara bercelaru selepas anda menyimpan, adalah disyorkan untuk menggunakan pad nota untuk memprosesnya.

Kenyataan：
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
Artikel sebelumnya：Pengenalan kepada fungsi kaedah Ajax halaman $.load dalam jquery_jqueryArtikel seterusnya：Pengenalan kepada fungsi kaedah Ajax halaman $.load dalam jquery_jquery

Artikel berkaitan

Lihat lagi