【JS常用代码】JS处理复选框(checkbox)

最新推荐文章于 2024-03-01 09:01:11 发布

原创最新推荐文章于 2024-03-01 09:01:11 发布 · 227 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript #input #checkbox #复选框 #ViewUI

javascript代码大全专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript处理checkbox复选框，包括验证至少勾选一项和获取所有选中项的值。通过实现checktest()和getAllcheckval()函数，确保用户操作符合预期。

关于checkbox复选框的处理

1.判断复选框不能为空（至少勾选一项）

function checktest()
{
var chklength=$("input[name='txtname']:checked").length;
alert("长度为："+chklength);
if(chklength>0)
{
return true;
}
else
{
alert("您至少选择一个！");
return false;

}
}2.获取选中的所有值

function getAllcheckval()
{
var str="";
var chklength=$("input[name='txtname']:checked").length;
if(chklength>0)
{
$("input[name='txtname']:checked").each(function(){
str+=$(this).val()+"\r\n";
//alert($(this).val());
})
alert(str);
}
else
{
alert("您至少选择一个！");
return false;
}
}