jquery 获取radio属性值方法
核心代码
$('div.child :radio:checked',$(this).parents('div')).val()
有专门的选择器:first可以选中第一个,也可以通过$().eq(1)选中第一个。
jquery功能强大,而且选择同一元素可以使用若干种选择方式。。
对于radio的选中,虽然不直接支持,但是也有两个方式。
$(radio).attr("selected",true);
或$(radio).click(function(){});
下面看实例
<div>
<input id="radio1" type="radio" name="rad" value="1" checked />1
<input id="radio2" type="radio" name="rad" value="2" />2
<input id="radio3" type="radio" name="rad" value="3" />3
<input id="radio4" type="radio" name="rad" value="4" />4
<input id="radio5" type="radio" name="rad" value="5" />5
<input id="button1" type="button" value="button" onclick="return button1_onclick()" />
<input id="button2" type="button" value="button" onclick="return button2_onclick()" />
</div>
<script language="网页特效" type="text/javascript">
// <![cdata[function button1_onclick() {
$("input").each(function () {
if (this.type == 'radio') {
alert($(this).val());
}
});
}function button2_onclick() {
//alert($("input[@type=radio]:checked").val());
//alert($("input[name='rad']:checked").val());
alert($("input[@type=radio]").val());
}// ]]>
</script>
代码二
<script type="text/javascript" src="jquery.js">
</script>
<script type="text/javascript">
$(function(){
$('#form1').submit(function(){
var item = $('input[@name=items][@checked]').val();
alert(item);
return false;
});
});
</script>
<title>get radio value document</title>
</head>
<body>
<form id="form1">
<input type="radio" name="items" id="item1" value="a"/>a
<br/>
<input type="radio" name="items" id="item2" value="b"/>b
<br/>
<input type="radio" name="items" id="item3" value="c"/>c
<br/>
<input type="radio" name="items" id="item4" value="d"/>d
<br/>
<input type="radio" name="items" id="item5" value="e"/>e
<br/>
<input type="radio" name="items" id="item6" value="f"/>f
<br/>
<input type="radio" name="items" id="item7" value="g"/>g
<br/>
<input type="radio" name="items" id="item8" value="h"/>h
<br/>
<input type="submit" id="btn1">
</form>
</body>
</html>
$("div.child").closest("div")
如果你无法判断怎么选择的话,加个id就行了,你应该知道就是优先的方式,因为id是查询最快的方式,而通过.class选择是最慢的方式
补充:网页制作,jquery