.select-row {
background-color: #4eb305;
color: #fff;
}
<table id="orgTable" class="table table-bordered display"
style="white-space: nowrap;">
<thead>
<tr>
<th>全選 <input type='checkbox' id="allChecked"></th>
<th>序號</th>
<th>機構名稱</th>
<th>機構型別</th>
<th>統一編碼</th>
<th>機構代碼</th>
<th>所屬機構</th>
<th>創建人</th>
<th>創建日期</th>
<th>修訂人</th>
<th>修訂日期</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script>
$('#orgTable tbody').on( 'click', 'tr', function () {
$(this).toggleClass('select-row');
var checkboxs=$(this).find("input:checkbox");
if($(this).hasClass("select-row")){
$(checkboxs[0]).prop("checked", true);
}else{
$(checkboxs[0]).prop("checked", false);
}
});
$("#allChecked").change(function(e) {
//判斷狀態是否選中
if($(e.currentTarget).prop("checked")){
$('#orgTable tbody tr input:checkbox').prop("checked", true);
$('#orgTable tbody tr').addClass("select-row");
}else{
$('#orgTable tbody tr input:checkbox').prop("checked", false);
$('#orgTable tbody tr').removeClass("select-row");
}
});
<script>
這里toggleClass為什么不起作用，怎么修改都是白底白字
uj5u.com熱心網友回復：
表格內容是從資料庫里查詢動態生成的，點擊復選框的時候，怎么選都是白底白字，求解uj5u.com熱心網友回復：
檢查一下<tbody>中的標簽格式對不對，是不是<tr>嵌套<td>uj5u.com熱心網友回復：
一開始什么都沒寫，剛才試了一下，好像沒什么用
uj5u.com熱心網友回復：
一開始什么都沒寫，剛才試了一下，好像沒什么用uj5u.com熱心網友回復：
一開始什么都沒寫，剛才試了一下，好像沒什么用
uj5u.com熱心網友回復：
<tbody>中是不是沒有資料？
uj5u.com熱心網友回復：
是的，只有標簽。
uj5u.com熱心網友回復：
因為這里的選擇器是當點擊#orgTable中的tbody時才會觸發事件，tbody中沒有內容，事件不會被觸發。
uj5u.com熱心網友回復：
js代碼沒問題。只是你</script>少了 /uj5u.com熱心網友回復：
不是，script 這段是在js頁面寫的，這里是為了區分，
uj5u.com熱心網友回復：
那怎么破？tbody里的內容是從資料庫里查的 里面不能填寫內容
uj5u.com熱心網友回復：
現在是tbody沒內容當然沒效果，你在資料庫里添加點資料。讓tbody中至少有一行資料，才能有沒有。uj5u.com熱心網友回復：
從資料庫中查的資料，應該填到tbody的tr下的td中，才會點擊生效。
最直觀地，頁面應該能看到資料庫中查出的資料才行。
uj5u.com熱心網友回復：
你把tbody改成thead試下
uj5u.com熱心網友回復：
jq 版本使用1.8 以下的轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/83098.html
標籤：JavaScript
上一篇：前端圖片顯示問題
下一篇：請問有大神可以做這種網站嗎？