頁面上多組單選框，用JQuery爲各組單選框賦值和取值

時間 2019-11-15

原文原文鏈接

例子：（代碼直接複製保存，注意：先下載包jquery-1.3.2.min.js，放在同一目錄下）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 頁面上多組單選題時，怎麼用JQuery肯定各組單選的選中值 </TITLE>
<script src="jquery-1.3.2.min.js"></script>
<SCRIPT LANGUAGE="JavaS cript">
$(function(){
//爲指定name的radio設置選中值
var param1=2;
var param2=1;
$(":radio[name=radio1][value="+param1+"]").attr("checked","true");//指定value的選項爲選中項
$(":radio[name=radio2][value="+param2+"]").attr("checked","true");
//取值
$("#btn").click(function(){
var radio1Value=$(":radio[name='radio1']:checked").val();
var radio2Value=$(":radio[name='radio2']:checked").val();
//測試
alert("第一組單選值："+radio1Value);
alert("第二組單選值："+radio2Value);
});
});
</SCRIPT>
</HEAD>
<BODY>
<p>第一組選擇</p>
<input type="radio" name="radio1" value="1">
<input type="radio" name="radio1" value="2">
<p>第二組選擇</p>
<input type="radio" name="radio2" value="1">
<input type="radio" name="radio2" value="2">
<br/>
<button id="btn">選完後點擊我測試</button>
</BODY>
</HTML>

相關標籤/搜索