JavaScript控制复选框、提交表单

iteye_699

于 2009-12-17 09:28:58 发布

阅读量177

点赞数

分类专栏： JavaScript 文章标签： JavaScript JSP J# ViewUI

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了使用JavaScript实现复选框的全选/反选功能、根据选中的复选框进行页面跳转及表单提交的方法。这些实用技巧有助于提高前端开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


//JavaScript实现选中/去除一个复选框，同时选中/去除 所有的复选框
function checkAll(ifAll) {
   var checkBoxs = document.getElementsByName("selectFlag")
         for(var i=0; i<checkBoxs.length; i++) {
	    checkBoxs[i].checked = ifAll.checked;
   }
}

//选中多项中的一项，并进行传值
function uploadPic4Item() {
	var checkBoxs = document.getElementsByName("selectFlag");
	var temp = 0;
	var j = 0;
	for(var i=0; i<checkBoxs.length; i++) {
		if(checkBoxs[i].checked) {
			temp ++;
			j = i;
		}
	}
	if(temp <= 0) {
		alert("请首先选择要上传图片的物料项！");
		return;
	} else if(temp > 1) {
		alert("一次只能操作一个物料项！");
		return;
	} else {
		window.self.location = "item_upload.jsp?itemNo=" + checkBoxs[j].value;
	}
}

//用JavaScript提交表单并进行传值 
function search() {
    with(document.forms[0]) {
	action = "item_maint.jsp?pageNo=<%=pageNo%>";
	method="post";
	submit();
    }
}