溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
頁面當中經常要做一些checkbox，radio，select，input等表單元素的操作。做為我這樣的懶人早就該總結以下，免去用到的時候，不想從頭寫，又不得不去以前的代碼中翻。下面的代碼來自實際項目中，親測可用。呵呵……
一、checkbox
對checkbox的判斷往往是checkbox有沒有被勾選。也經常有一個復選框控制其它全部復選框的選中和取消選中。如下圖：
頁面左上角的復選框的選中控制表格中所有的復選框。代碼如下：
為了操作方便，給控制全選的復選框增加一個id叫checkAll
下面的代碼實現了全選和反選的效果
<th><input type="checkbox" id="checkAll"/></th>
$('#checkAll').change(function(){
if($(this).is(':checked')){
$("input[type='checkbox']").prop("checked", true);
}else{
$("input[type='checkbox']").prop("checked", false);
}
});獲取所有選中的checkbox的值
以上圖為例，我要獲取表格中每一行記錄的id值，則給每一個checkbox增加一個value屬性，在渲染頁面時將value值寫到checkbox中即可。另外為了方便選取checkbox為所有的checkbox增加了一個chkbox的class。
<td><input type="checkbox" value="` record`.`id `" class="chkbox"/></td>
function checkValue(){
var arr = ''
$(".chkbox").each(function(){
if($(this).is(":checked")){
arr += ($(this).val() + ',')
}
})
return arr
}未完待續……
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
