判斷單一 checkbox 是否被勾選
$(“#mycheckbox”).is(“:checked”)
多個 checkbox, 取得已勾選的 checkbox 數
$(“input[name=mycheckbox]:checked”).length
勾選所有 checkbox
$(“input[name=mycheckbox]”).each(function() {
this.checked=true;
});
多個 radio, 取得已勾選的 radio 值
$(“input[name=newsLang]:checked”).val()
勾選值為 1 的 radio
$(“input[name=myradio]”).filter(“[value=1]”).attr(‘checked’, true);
(No Ratings Yet)
Loading...
簡單記錄 jQuery 逐 row 逐 cell 處理 HTML table 的兩個範例，首先是傳統的方法，HTML table 設定 id 為 dt
$(“#dt tr”).each(function () {
html+=”<tr>”;
$(this).find(“td”).each(function() {
html+=”<td>”+$(this).text()+”</td>”;
});
html+=”</tr>”;
});
另一個例子是處理相當受歡迎的 plugin datatables，同樣設定 id 為 dt
var rows=$(“#dt”).dataTable().fnGetNodes();
for(i=0;i<rows.length;i++) {
html+=”<tr>”;
$(rows[i]).find(“td”).each(function() {
if ( i == 0 ) {
html+=”<td>”+$(this).text()+”</td>”;
} else {
html+=”<td>”+$(this).text()+”</td>”;
}
});
html+=”</tr>”;
};
(No Ratings Yet)Loading...
首先要定義一個 datatables 的元件如下：
<table id=”myTable”>
<thead></thead>
<tbody></tbody>
</table>
DWR 比較尷尬的是一般 Ajax 元件都是要你提供一個 URL 他自己會去抓 json 格式資料回來，DWR 沒辦法提供你這樣的 URL，他是直接回傳 javascript 物件給你，幸好 datatables 也可以拿 javascript 物件資料來用。
首先 initialize datatable
$(document).ready(function() {
$(‘#myTable’).dataTable( {
aoColumns: [
{sTitle: “用戶”},
{sTitle: “電話”}
]
} );
} );
再來把 callback 收到的資料塞進 datatable 即可
myDWRInterface.query( {
callback: function(result) {
var dt=$(‘#myTable’).dataTable();
dt.fnClearTable();
dt.fnAddData(result,true);
}
});
(No Ratings Yet)Loading...