<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btn1").click(function () {
alert($("input[name='r1']:checked").val()) //获取选中的值
})
$("#btn2").click(function () {
$("input[name='r1']").val(["男"]); //将“女”设为选中的值 ：注意"女"是用中括号[]括起来的,因为它只是$("input[name='r1']")获取到的数据是一个数组。
})
//或者写成这样也行
//$("input[value='女']").attr("checked", true);
})
//-----------------------------------------------------------------------------------
$(function () {
$("#btn3").click(function () {
$("input").val(["篮球","乒乓球","女"]) //将input标签中的 val()值为"篮球"，"乒乓球"，"女"的表单选中
})
})
//-------------------------------------------------------------------------------------------
$(function () {
$("#btn4").click(function () {
//$("input[name='c1']").val(["篮球", "乒乓球", "女"]) //将input标签中name属性值为c1的,val()值为"篮球"，和"乒乓球"的的表单选中
$("input[name='r1'][value='男']").attr("checked", true);
})
})
</script>
</head>
<body>
<input type="radio" name="r1" value="男"/>男
<input type="radio" name="r1" value="女"/>女
<input type="radio" name="r1" value="保密"/>保密<br/>
<input type="button" value="获取选中的值"id="btn1"/>
<input type="button" value="设置选中的值"id="btn2"/><br/>
<input type="checkbox" name="c1" value="足球" />足球
<input type="checkbox" name="c1" value="篮球" />篮球
<input type="checkbox" name="c1" value="羽毛球" />羽毛球
<input type="checkbox" name="c1" value="乒乓球" />乒乓球<br/>
<input type="button" value="设置input表单选中值"id="btn3"/>
<input type="button" value="设置复选框选中值"id="btn4"/>
</body>
</html>
jquery 【radio checkbox】选择,布布扣,bubuko.com
时间： 2024-10-26 15:49:55