$(document).ready(function(){
//遍历所有Radio 执行change事件
$("#tab2 tr").each(function(){
var td=$(this).find("td:eq(1)").text();
$(this).find(":radio:first").change(function(){
alert(td);
});
});
//获取选中Raido的值
$("#btnOk").click(function(){
alert($("#tab2 input[name=rad]:checked").val());
});
//控制选中那个Raido
$("#btnSelect").click(function(){
//$("#tab2 input[name=rad]").get(2).checked=true;//方法一
$("#tab2 input[name=rad][value=2]").attr("checked",true);//方法二
});
});
<table id="tab2">
<tr>
<td><input type="radio" name="rad" value="1" /></td>
<td>a</td>
</tr>
<tr>
<td><input type="radio" name="rad" value="2" /></td>
<td>b</td>
</tr>
<tr>
<td><input type="radio" name="rad" value="3" /></td>
<td>c</td>
</tr>
<tr>
<td><input type="radio" name="rad" value="4" /></td>
<td>d</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="获取选中的Radio的值" id="btnOk" />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="设置选中项(3)" id="btnSelect" />
</td>
</tr>
</table>
男
女
我想选中
$(document).ready(function(){
$("#tb tr").each(function(){
//在jquery中用each的时候,经常用到$(this) ,这时如果想查找子项可以通过$(this).find("element")来查找。
$(this).find("input[type=button]:first").click(function(){
alert($(this).attr("id"));
});
});
$(".rSex").each(function(){
$(this).change(function(){
//获取radio选中的值
alert($(".rSex:input[name=rSex]:checked").val());
});
});
$("#txtSelect").blur(function(){
if($.trim($(this).val())!="")
{
if($.trim($(this).val())=='男')
{
//1、设置radio的选中项
$("input[name=rSex]").get(0).checked=true;
//2、设置radio的选中项
//$("input[name=rSex][value='男']").attr("checked",true);
/*3、网上有一种方法是
$("input[name=rSex]").attr("checked","男")
即:attr中是属性checked 和value
我测试是错误的。
*/
}
if($.trim($(this).val())=='女')
{
$("input[name=rSex]").get(1).checked=true;
}
}
});
});
<div>
<input class="rSex" type="radio" value="男" name="rSex" checked="checked" />男
<input class="rSex" type="radio" value="女" name="rSex" />女
我想选中<input type="text" id="txtSelect" value="" />
</div>
<table id="tb">
<tr>
<td>
<input type="button" id="btnOk1" value="确定" />
<input type="button" id="btnCancel1" value="取消" />
</td>
</tr>
<tr>
<td>
<input type="button" id="btnOk2" value="确定" />
<input type="button" id="btnCancel2" value="取消" />
</td>
</tr>
<tr>
<td>
<input type="button" id="btnOk3" value="确定" />
<input type="button" id="btnCancel3" value="取消" />
</td>
</tr>
<tr>
<td>
<input type="button" id="btnOk4" value="确定" />
<input type="button" id="btnCancel4" value="取消" />
</td>
</tr>
<tr>
<td>
<input type="button" id="btnOk5" value="确定" />
<input type="button" id="btnCancel5" value="取消" />
</td>
</tr>
<tr>
<td>
<input type="button" id="btnOk6" value="确定" />
<input type="button" id="btnCancel6" value="取消" />
</td>
</tr>
</table>
<input class="rSex" type="radio" value="男" name="rSex" checked="checked" />男
<input class="rSex" type="radio" value="女" name="rSex" />女
我想选中<input type="text" id="txtSelect" value="" />
</div>
<table id="tb">
<tr>
<td>
<input type="button" id="btnOk1" value="确定" />
<input type="button" id="btnCancel1" value="取消" />
</td>
</tr>
<tr>
<td>
<input type="button" id="btnOk2" value="确定" />
<input type="button" id="btnCancel2" value="取消" />
</td>
</tr>
<tr>
<td>
<input type="button" id="btnOk3" value="确定" />
<input type="button" id="btnCancel3" value="取消" />
</td>
</tr>
<tr>
<td>
<input type="button" id="btnOk4" value="确定" />
<input type="button" id="btnCancel4" value="取消" />
</td>
</tr>
<tr>
<td>
<input type="button" id="btnOk5" value="确定" />
<input type="button" id="btnCancel5" value="取消" />
</td>
</tr>
<tr>
<td>
<input type="button" id="btnOk6" value="确定" />
<input type="button" id="btnCancel6" value="取消" />
</td>
</tr>
</table>
浙公网安备 33010602011771号