使用jquery做全選刪除的方法
小編給大家分享一下使用jquery做全選刪除的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
在隆化等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需定制網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計(jì),營(yíng)銷型網(wǎng)站建設(shè),外貿(mào)網(wǎng)站建設(shè),隆化網(wǎng)站建設(shè)費(fèi)用合理。
用jquery做全選刪除的方法：首先創(chuàng)建一個(gè)html代碼示例文件；然后修改jquery代碼；最后通過“$(".seleAll").on("click", function(){...}”方法實(shí)現(xiàn)全選刪除功能即可。
用jquery實(shí)現(xiàn)全選刪除功能
html代碼
- 少小離家胖了回
- 鄉(xiāng)音無改肉成堆
- 兒童相見不相識(shí)
- 笑問胖子你是誰
jquery代碼
//全選
$(".seleAll").on("click", function() {
var oin = $("input[type='checkbox']")
oin.each(function() {
$(this).prop("checked", true)
})
})
//全不選
$(".op").on("click", function() {
var oin = $("input[type='checkbox']")
oin.each(function() {
$(this).prop("checked", false)
})
})
// 反選
$(".reverse").on("click", function() {
// 獲取節(jié)點(diǎn)
var oin = $("input[type='checkbox']")
oin.each(function() {
this.checked = !this.checked
})
})
// 批量刪除
$(".del").on("click", function() {
var sele = $(":checkbox:checked")
if(sele.length > 0) {
sele.each(function() {
$(this).parent().remove()
})
} else {
alert("至少選一個(gè)數(shù)據(jù)")
}
})
運(yùn)行效果：
看完了這篇文章，相信你對(duì)使用jquery做全選刪除的方法有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！
當(dāng)前題目：使用jquery做全選刪除的方法
網(wǎng)頁路徑：
http://weahome.cn/article/pdgess.html
重慶分公司
重慶分公司
