<div id="dvABC">
<table class="l_height_30 gridcontent" width="100%" border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<td width="50" class="bg_thead center">序号</td>
<td class="bg_thead pl_10">内容</td>
</tr>
</thead>
<tbody>
<tr>
<td width="50" class="bg_thead center"><input class="radio_box" name="infolist" type="radio" value="8123" ></td>
<td class="bg_thead pl_10">aaaaa</td>
</tr>
<tr class="odd selected">
<td width="50" class="bg_thead center"><input class="radio_box" name="infolist" type="radio" value="2659" ></td>
<td class="bg_thead pl_10">bbbbb</td>
</tr>
<tr>
<td width="50" class="bg_thead center"><input class="radio_box" name="infolist" type="radio" value="3472" ></td>
<td class="bg_thead pl_10">ccccc</td>
</tr>
</tbody>
</table>
</div>
<input class="bt_save mr_20" type="button" value="SAVE" />1. 如何点击表格中的行使得radiobox被选中?
2. 点击SAVE按钮获取选中行的radio box的值和第2列的值?
<table class="l_height_30 gridcontent" width="100%" border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<td width="50" class="bg_thead center">序号</td>
<td class="bg_thead pl_10">内容</td>
</tr>
</thead>
<tbody>
<tr>
<td width="50" class="bg_thead center"><input class="radio_box" name="infolist" type="radio" value="8123" ></td>
<td class="bg_thead pl_10">aaaaa</td>
</tr>
<tr class="odd selected">
<td width="50" class="bg_thead center"><input class="radio_box" name="infolist" type="radio" value="2659" ></td>
<td class="bg_thead pl_10">bbbbb</td>
</tr>
<tr>
<td width="50" class="bg_thead center"><input class="radio_box" name="infolist" type="radio" value="3472" ></td>
<td class="bg_thead pl_10">ccccc</td>
</tr>
</tbody>
</table>
</div>
<input class="bt_save mr_20" type="button" value="SAVE" />1. 如何点击表格中的行使得radiobox被选中?
2. 点击SAVE按钮获取选中行的radio box的值和第2列的值?
$("#dvABC tbody tr").click(function () {
$(this).find(":radio").prop("checked", true);
});
$(".bt_save").click(function () {
var $radio= $("#dvABC input:radio:checked");
alert($radio.val());
alert($radio.parent("td").next("td").text());
});
<script type='text/javascript'>
$(function(){
$("#dvABC table tr").click(function(e){
$(this).find("td>input[type='radio']").attr('checked','checked');
});
$(".bt_save").click(function(e){
//var tr = $("#dvABC table tr:has('input[type=radio]:checked)"), //这个很慢...
var tr = $("#dvABC input[type='radio'][name='infolist']:checked").parent().parent(),
column1 = tr.find('td:eq(0)'),
column2 = tr.find('td:eq(1)');
alert('column1:'+tr.find('td:eq(0)>input').val()+',column2:'+tr.find('td:eq(1)').text());
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("table tr:not(:first)").click(function(){
$(this).children('td:eq(0)').find(':radio').attr('checked',true);
});
$("input[type=button]").click(function(){
var a=$(':radio:checked');
var b=a.parents('td').next();
alert(a.val()+b.text());
});
})
</script>