您的位置：首页 > Web前端 > JQuery

页面上多组单选框，用JQuery为各组单选框赋值和取值

2016-04-05 00:00 471 查看

摘要: 页面上多组单选框，用JQuery为各组单选框赋值和取值

例子：（代码直接复制保存，注意：先下载包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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航