Jquery input type=radio 的一些常用用法
2016-06-13 本文已影响75人
0d601f651140
- HTML代码:
<table width="100%" border="0" cellspacing="0" cellpadding="0" style=" margin-left:12px;">
<tr>
<td align="right" width="2%" ><input type="radio" name="n1" id= "n1" value="1" onclick="return f()" /></td>
<td align="left"width="10%" >精英夏令营</td>
<td align="right"width="2%"><input type="radio" name="n1" id= "n1" value="2" onclick="return f()" /></td>
<td align="left" width="10%">童军夏令营</td>
<td align="right"width="2%"><input type="radio" name="n1" id= "n1" value="4"onclick="return f()" /></td>
<td align="left"width="25%" >魔力音乐剧夏令营</td>
</tr>
</table>
- Jquery 拿值并且判断是否选中
//判断有没有选3个中的一个
var is_slect_n1 = $("input[type='radio'][name='n1']:checked").length;
if(is_slect_n1){
}else{
alert('请选择夏令营');
return false;
}
//拿用户选中的那个值
$(document).on('change', 'input[name="n1"]:radio', function(){
window.camp = $(this).val();
});