HTML5 tr與無線電行選擇

從下面的代碼，我不能得到input[radio]檢查表中選定的行。以下代碼使用HTML5和JQuery 1.10.2。HTML5 tr與無線電行選擇

<!DOCTYPE HTML> 
<html> 
    <head> 
     <style type="text/css"> 
      input[type="radio"] { 
       margin: 10px; 
      } 
     </style> 
     <script src="jquery-1.10.2.min.js" /> 
     <script>    
      $(function() { 
       $("#table_list tr").click(function() { 
        $(this).find("td input:radio").prop("checked", true); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <table id="table_list"> 
      <thead> 
       <th></th> 
       <th>Name</th> 
       <th>Email</th>    
      </thead> 
      <tbody> 
       <tr> 
        <td><input type="radio" name="record"/></th> 
        <td>Sample1</td> 
        <td>[email protected]</td> 
       </tr> 
       <tr> 
        <th><input type="radio" name="record"/></th> 
        <td>Sample1</td> 
        <td>[email protected]</td>      
       </tr> 
      </tbody> 
     </table>   
    </body> 
</html>

來源

2013-08-12 Kaido Shugo

你能提供的jsfiddle？首先，你需要給你的收音機一個價值，以便以後評估它們。 – Pouki

解決您的標記，它會工作（你有'內''等''標籤'，也是你的''沒有''） – billyonecan

HTML這裏固定的http：// jsbin.com/adesux/1/edit – Anton

你的第一輸入處於td，第二個是在一個th。你必須從你的輸入選擇刪除td：working codepen

$(function() { 
    $("#table_list tr").click(function() { 
     $(this).find("input:radio").prop("checked", true); 
    }); 
});

所附的JavaScript將工作兩個。另一個選擇是僅改變th到td並保持你的選擇會是這樣。

注意：您在評論中提到的人有幾個標記問題。（在thead忘記tr）

來源

2013-08-12 09:51:54

請看看http://jsbin.com/atosaq/4/edit

$(document).ready(function(){ 
    $('#table_list tr').on("click",function(){ 
$(this).find('input[type=radio]').prop("checked", true); 
    }); 
});

來源

2013-08-12 10:04:49 vinothini

HTML5 tr與無線電行選擇

回答

相關問題