失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > js如何判断复选框是否选中

js如何判断复选框是否选中

时间:2022-09-05 20:33:39

相关推荐

js如何判断复选框是否选中

js判断复选框是否选中

<!doctype html><html lang="cn"><head><meta http-equiv="content-type" content="text/html;charset=UTF-8"/><title>复选框全选、全不选、反选、必选一个</title><script type="text/javascript">//全选function selectAll() {var names = document.getElementsByName("bjjb"); for(var i=0;i<names.length;i++){names[i].checked=true;}}//全不选function selectNone() {var names = document.getElementsByName("bjjb"); for(var i=0;i<names.length;i++){names[i].checked=false;}}//反选function selectInvert() {var names = document.getElementsByName("bjjb"); for(var i=0;i<names.length;i++){if(names[i].checked){names[i].checked=false ;}else{names[i].checked=true ;}}}//必须选择一个function selectOne() {var names = document.getElementsByName("bjjb");var flag = false ;//标记判断是否选中一个for(var i=0;i<names.length;i++){if(names[i].checked){flag = true ;break ;}}if(!flag){alert("请最少选择一项!");return false ;}}</script></head><body><form id="checkboxform" method="post" action=""><input type="checkbox" name="bjjb" value="1">交通事故<br><input type="checkbox" name="bjjb" value="2">自然灾害<br><input type="checkbox" name="bjjb" value="3">恶劣天气<br><input type="checkbox" name="bjjb" value="4">严重违法行为<br><input type="checkbox" name="bjjb" value="5">路面损毁<br><a href="javascript:void(0);" οnclick="selectAll()">全选</a><a href="javascript:void(0);" οnclick="selectNone()">全不选</a><a href="javascript:void(0);" οnclick="selectInvert()">反选</a><a href="javascript:void(0);" οnclick="selectOne()">必须选择一个</a></form></body></html>

备注:

1:以上常见判断在实际开发中经常运用。温故而知新是一件非常好的事情。

2:在function方法中执行判断加return 表示满足条件,return后的内容将不再进行执行,如何没有加return 那么createWindow()会继续执行。如:

function clickSupervise() {

//判断是否选择了警情

var jqid = $("#jqid1").val();

if("" == jqid || jqid==null || jqid==undefined){

alert("请先选择警情信息!");

return;

}

//创建窗口

createWindow();

}

如果觉得《js如何判断复选框是否选中》对你有帮助,请点赞、收藏,并留下你的观点哦!

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