jQuery操作checkbox
jQuery操作checkbox示例:
$("document").ready(function() {
$("#btn1").click(function() {
$("[name='checkbox']").attr("checked", 'true'); //全选
})
$("#btn2").click(function() {
$("[name='checkbox']").removeAttr("checked"); //取消全选
})
$("#btn3").click(function() {
$("[name='checkbox']:even").attr("checked", 'true'); //选中所有奇数
})
$("#btn4").click(function() {
$("[name='checkbox']").each(function() { //反选
if($(this).attr("checked")) {
$(this).removeAttr("checked");
} else {
$(this).attr("checked", 'true');
}
})
})
$("#btn5").click(function() { //输出选中的值
var str = "";
$("[name='checkbox'][checked]").each(function() {
str += $(this).val() + "\r\n";
//alert($(this).val());
})
alert(str);
})
})
版权声明:
作者:Joe.Ye
链接:https://www.appblog.cn/index.php/2023/02/23/jquery-operate-checkbox/
来源:APP全栈技术分享
文章版权归作者所有,未经允许请勿转载。
THE END
0
二维码
打赏
海报
jQuery操作checkbox
jQuery操作checkbox示例:
$("document").ready(function() {
$("#btn1").click(function() {
$("[name='checkbox'……
文章目录
关闭
共有 0 条评论