"columns": [
{ "data": "name" },
{ "data": "password" },
{ defaultContent: '<td class="caozuo">'+
<span class="lookup">查看</span> '+
'<span class="modify">修改</span> '+
'<span class="delete">刪除</span></td>'},
{"data": "id","visible": false}
]
由於因為該id列設置為隱藏后,在頁面就沒有dom節點，所以使用jquery獲取不到該id的值
使用下面的方法就可以獲取到id
-
//先拿到點擊的行號
-
var rowIndex = $(this).parents("tr").index();
-
//此處拿到隱藏列的id
-
var id = $('#example').DataTable().row(rowIndex).data().id;
根據獲取的value值，設置radio、checkbox 的選中狀態
單選按鈕系列操作：
1、獲取單選按鈕選中的值：
$("input[name='zhiFu']:checked").val()2、根據后台傳入的值，顯示單選按鈕的選中狀態：
$("input[name='zhiFu'][value='"+data.zhiFu+"']").prop("checked", "checked");----------------------------------------- 殘忍的分割一下 --------------------------------------------------
多選按鈕系列操作：
1、獲取多選按鈕選中的值：
遍歷取得選中的多選按鈕的值，存在字符串中：var eight="";
$("input:checkbox[name='eight']:checked").each(function() {
eight += $(this).val() + ",";
});
2、根據后台傳入的值，顯示多選按鈕的選中狀態：
遍歷字符串，並將逗號切割掉，依次設置多選按鈕的選中項：var str = "A,B,C";
$(str.split(",")).each(function (i,e){
$("input[name='eight'][value='"+e+"']").prop("checked",true);
});
如圖展示效果：
最后一列{
"aTargets": -1, //最后一列
"data":"xkjywxj",
"render": function (data, type) {
var aa="<div>" +
"好<input type='radio' name='xkjywxj' id='xkjywxj_1' value='0' >" +
"壞<input type='radio' name='xkjywxj' id='xkjywxj_2' value='2' >" +
"否<input type='radio' name='xkjywxj' id='xkjywxj_3' value='3' >" +
"</div>"
$("input[name='xkjywxj']").each(function(index) {
if ($("input[name='xkjywxj']").get(index).value === data) {
$("input[name='xkjywxj']").get(index).checked = true;
}
});
return aa ;