~~~~~~~~~jquery获取DIV中的TR和TD值，马上给分~~~~~~~~~~~

Question

<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列的值？

Answer 1

 $("#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());
    });

Answer 2

<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>

Answer 3

<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>