Question

我是jeasyui的新手。我使用easyui-datagrid生成了动态表，并且必须启用每一行的复选框。现在，我想在选中时获取每行的详细信息，并取消选中特定行的复选框。

{"L3ATRosRdbDgSmX75Z":{"deviceId":"60ee32c2fae8dcf0","dow":"Friday","localDate":"2018-01-19"}}

我尝试了单击功能，但无法正常工作。 }）;

Answer 1

$('table').on('click','td input',function(){
if($(this).prop("checked") == true){
    alert("Checkbox is checked.");
}
else if($(this).prop("checked") == false){
    alert("Checkbox is unchecked.");
}  

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td><input type="checkbox"></td>
    <td><input type="checkbox"></td>
    <td><input type="checkbox"></td>
  </tr>
  <tr>
   <td><input type="checkbox"></td>
    <td><input type="checkbox"></td>
    <td><input type="checkbox"></td>
  </tr>
  <tr>
   <td><input type="checkbox"></td>
    <td><input type="checkbox"></td>
    <td><input type="checkbox"></td>
  </tr>
  <tr>
   <td><input type="checkbox"></td>
    <td><input type="checkbox"></td>
    <td><input type="checkbox"></td>
  </tr>
  <tr>
    <td><input type="checkbox"></td>
    <td><input type="checkbox"></td>
    <td><input type="checkbox"></td>
  </tr>
  <tr>
   <td><input type="checkbox"></td>
    <td><input type="checkbox"></td>
    <td><input type="checkbox"></td>
  </tr>
</table>

jQuery EasyUI-如何在easyui-datagrid表td中选中或未选中复选框

1 个答案: