要实现的功能如图所示:

全选的checkbox的js代码如下:
var status=true;
function allselect(){
var tags=document.getElementsByTagName("input");
for (i = 0; i < tags.length; i++)
{
if (tags[i].type == "checkbox")
{
tags[i].checked=status;
}
}
status=!status;
}
当点击显示职位,申请选中职位,放入收藏夹时的js代码如下:
function panduan(){
var gou=0;
var tags=document.getElementsByTagName("input");
for (i = 0; i < tags.length; i++)
{
if (tags[i].type == "checkbox")
{
if(tags[i].id!="Checkbox1"){ //这里的Checkbox1为全选checkbox
if(tags[i].checked==true){
gou++;
}
}
}
}
if(gou==0){
window.alert("请要在选择的职位前打勾!");
return false;
}
}
本文介绍了一个简单的JavaScript实现方案,通过全选复选框控制一组复选框的状态,并在用户尝试提交前检查是否有至少一个选项被选中。此方法适用于网页表单中的职位选择场景。
538

被折叠的 条评论
为什么被折叠?



