這次給大家?guī)韏Query的復(fù)選框選擇并且獲取值，jQuery復(fù)選框選擇并且獲取值的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。

一、checkbox選擇

在jQuery中，選中checkbox通用的兩種方式：$("#cb1").attr("checked","checked");

$("#cb1").attr("checked",true);

對應(yīng)的jQuery函數(shù)，主要完成三個功能：

1、第一個復(fù)選框選中或取消選中，則下面的復(fù)選框為全選或取消全選；

2、當(dāng)下面的復(fù)選框全部選中時，則將第一個復(fù)選框設(shè)置為選中，當(dāng)下面的復(fù)選框中有一個沒有被選中時，則第一個復(fù)選框取消選中；

3、將下面的復(fù)選框的id值傳遞給Controller層，組成id數(shù)組，然后調(diào)用相應(yīng)的方法(一般都是刪除)。

$("input[name='id']").attr('checked',t.checked);//改變name名為id的input標簽內(nèi)的復(fù)選框的checked屬性

}

function chg(){//當(dāng)下面的復(fù)選框全部選中時，則將第一個復(fù)選框設(shè)置為選中，當(dāng)下面的復(fù)選框中有一個沒有被選中時，則第一個復(fù)選框取消選中；

var ids = $.makeArray($("input[name='id']"));

for(var i in ids){

if(ids[i].checked==false){//如果所有的復(fù)選框只要有一個未選中，則第一個復(fù)選框不會選中

$("input[name='ids']").attr('checked', false);

return;

}

}

$("input[name='ids']").attr('checked', true);//全部選中的情況下，則第一個復(fù)選框選中

}

function deleteBatch(){//將下面的復(fù)選框的id值傳遞給Controller層，組成id數(shù)組，拼接url到controller層，調(diào)用批量刪除方法(deleteBatch())方法

var ids = $.makeArray($("input[name='id']:checked"));//通過$.makeArray將id放在數(shù)組中

var url = '<%basePath%>/web/goodsList/deleteBatch';//此url指向controller層的deleteBatch方法，需要id屬性

var flag = true;

for(var i in ids){//遍歷數(shù)組

if(i == 0){

url += "?id=" + ids[i].value;//第一個id屬性前加？拼接

flag = false;

} else {

url += "&id=" + ids[i].value;//后面的id屬性前加&拼接

flag = false;

}

}

if(flag){//如果沒有選中商品

alert("請選中商品！");

return;

}

if(confirm("確定刪除記錄嗎？")){

window.location.href = url;//把拼接好的id數(shù)組傳給頁面

}

}

二、在jsp頁面中對應(yīng)的列表：

1、列表中要給表頭中的復(fù)選框(第一個復(fù)選框)設(shè)置name名，并調(diào)用chgAll(this)方法來實現(xiàn)全選或全不選；

2、table中的復(fù)選框設(shè)置name名，并調(diào)用chg()方法來實現(xiàn)上面的第二個功能；

3、form表單提交時調(diào)用deleteBatch()方法

//form表單提交時調(diào)用deleteBatch()方法

//調(diào)用chgAll(this)方法來實現(xiàn)全選或全不選,此處的this指所有復(fù)選框?qū)ο笊唐肪幪柹唐窐祟}

//調(diào)用chg()方法${webGoodsInfo.goodsNo}${webGoodsInfo.goodsTitle}

三、看下spring MCV中的controller代碼@RequestMapping("deleteBatch")//對應(yīng)jsp頁面中的deleteBatch()請求

public String deleteBatch(Long[] id, RedirectAttributes redirectAttributes){//此處的id為頁面中的id值，必須保持一直！！！！

if(id !=null&&id.length!=0){

goodsService.deleteBatch(id);

}

return "redirect:"+Global.getAdminPath()+"/web/webGoodsInfo/?repage";//重定向到列表頁面

}

}

看下效果：

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

推薦閱讀：

總結(jié)

以上是生活随笔為你收集整理的复选框 遍历选中 php,jQuery的复选框选择并且获取值的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。