900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > jquery 实现checkbox全选 反选 全不选等功能代码(奇数)【jquery】

jquery 实现checkbox全选 反选 全不选等功能代码(奇数)【jquery】

时间:2023-11-19 12:22:50

相关推荐

jquery 实现checkbox全选 反选 全不选等功能代码(奇数)【jquery】

web前端|js教程

全选,反选,全不选

web前端-js教程

设页面有如下一组复选框和几个相关按钮(全选,反选,全不选等):

php餐厅点餐系统源码,ubuntu重启网络报错,tomcat8.0身份验证,网页爬虫工具开发,基于php的商城系统设计,seo工作时长lzw

苹果

橘子

香蕉

葡萄

则分别实现相关功能的完整代码如下:

微信开发电商系统源码,ubuntu安装应用失败,鼠标宏算爬虫,php输出五行两列的表格,SEO美食软文lzw

$(function(){

$(#btn1).click(function(){//全选

$("[name=fruit]").attr(checked, rue);

});

$(#btn2).click(function(){//全不选

$("[name=fruit]").removeAttr(checked);

});

$(#btn3).click(function(){//反选

$("[name=fruit]").each(function(){

if($(this).attr(checked)){

$(this).removeAttr(checked);

}else{

$(this).attr(checked, rue);

}

})

});

$("#btn4").click(function(){//选中所有奇数

$("[name=fruit]:even").attr(checked, rue);

})

$("#btn5").click(function(){//获取所有选中的选项的值

var checkVal=\;

$("[name=fruit][checked]").each(function(){

checkVal+=$(this).val()+,;

})

alert(checkVal);

})

});

注意使用 jquery 之前必须要引入 jquery 包哦!

密码源码,vscode怎么测试c代码,ubuntu清除trash,tomcat启动关闭命令,电影 爬虫 flask,php调用matlab,seo优化三大步骤,网站代码和源码,dedecms模板堂源码lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。