`

JavaScript控制复选框、提交表单

阅读更多
//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();
    }
}
分享到:
评论

相关推荐

    使用javascript对复选框的各种操作

    以下是一些JavaScript对复选框的基本操作及其详细解释: 1. **获取复选框状态**: 使用`document.getElementById()`或`document.querySelector()`方法可以获取特定复选框的状态。复选框的`checked`属性用于检查...

    超漂亮的表单复选框特效

    在网页设计中,表单是收集用户信息的重要手段,而复选框作为表单元素之一,通常用于让用户从多个选项中选择一个或多个。"超漂亮的表单复选框特效"是一个专注于提升用户体验的设计概念,它通过创新的视觉效果和交互...

    复选框变单选框

    在Web应用开发中,复选框和单选按钮都是用于收集用户选择的常用表单元素。复选框允许用户进行多项选择,而单选按钮则限制用户只能从一组选项中选择一个。然而,在某些场景下,如需满足特定的业务需求或用户体验设计...

    复选框样式

    3. **隐藏原生复选框**:有时为了实现更复杂的样式,开发者会隐藏原生的复选框,然后创建一个自定义的图形元素作为视觉替代,通过JavaScript控制选中状态: ```css input[type="checkbox"] { display: none; } ...

    表单复选框checkbox美化特效

    "表单复选框checkbox美化特效"是针对这种常见组件的一种视觉优化技术,它通过CSS样式和可能的JavaScript/jQuery实现,将原始的HTML复选框转变为更具吸引力和互动性的设计。 传统的HTML复选框在默认状态下,样式单一...

    带有复选框的JS树状菜单

    "带有复选框的JS树状菜单"是一个常见的需求,它允许用户通过视觉层次结构来组织和选择数据。这种类型的菜单常用于文件管理器、设置面板或权限配置等场景。下面将详细介绍这个主题涉及的关键知识点。 首先,我们需要...

    form表单复选框取值

    在本例中,我们关注的是如何使用JavaScript(JS)和Java来处理HTML表单中的复选框(checkbox)取值问题。复选框允许用户在多个选项中选择一个或多个。 1. **复选框取值** 复选框在HTML中通常使用`...

    js 实现选一个复选框 可以实现其他很多复选框同时选中

    ### JavaScript与jQuery实现单个复选框控制多个复选框及文本框显示隐藏功能 在本文中,我们将探讨如何利用JavaScript(简称JS)和jQuery框架来实现一个实用的功能:通过选择一个主复选框来控制其他多个复选框的状态...

    非常简单的下拉复选框

    下拉复选框是一种常见的表单组件,它将传统的复选框与下拉菜单结合,节省空间的同时提供了更多的选项选择。本文将深入探讨一种名为“非常简单的下拉复选框”的JavaScript插件,该插件旨在简化开发过程,提高用户界面...

    复选框和下拉列表的提交和回显的实现方式

    ### 复选框和下拉列表的提交与回显实现方式 #### 一、复选框的Ajax回显(list页面) 在Web开发中,为了提高用户体验,常常需要使用Ajax来实现实时更新数据的功能。这里以“书籍列表”为例,介绍如何利用Ajax技术...

    checkbox复选框传值

    只有被选中的复选框才会在表单提交时发送其值。在上面的例子中,如果用户选择了“音乐”和“阅读”,POST数据将包含键值对`interests=music&interests=reading`。这种格式表明用户选择了多个值,而服务器端需要能...

    复选框.rar

    `id`属性用于唯一标识复选框,`name`属性则用于在提交表单时将一组相关的复选框分组。 接下来是CSS部分,我们可以使用CSS来定制复选框的样式。由于浏览器默认的样式有限,我们通常需要借助CSS伪元素(如`:before`和...

    带复选框的下拉框

    "带复选框的下拉框"是一种常见的控件,它结合了下拉列表和复选框的功能,允许用户在多个选项中进行多选操作。在本案例中,我们讨论的是一个适用于Ext JS框架的特定实现,它已经针对不同版本进行了优化,解决了从3.2...

    js checkbox全选 反选 取消全部设置表单html复选框

    "js checkbox全选 反选 取消全部设置表单html复选框"这个标题描述了一个常见的功能需求,即通过JavaScript控制HTML中的复选框(checkboxes),实现全选、反选和取消全部选中的功能。在本文中,我们将深入探讨如何...

    9款表单复选框(Checkbox)与单选按钮美化

    在网页设计中,表单元素如复选框(Checkbox)和单选按钮(Radio Button)是用户交互的重要组成部分。它们通常用于收集用户的选择性信息,例如用户同意服务条款、选择偏好或进行多选项决策。然而,原生的HTML表单元素...

    jquery动态复选框取值

    复选框是HTML表单中常见的一种元素,用于让用户选择一个或多个选项。 一、jQuery基本概念 jQuery通过一个简洁的语法,让JavaScript编程变得更加容易。其核心功能包括选择器(用于选取DOM元素)、DOM操作(添加、...

    CheckBox分级选中 复选框 上下级 联动

    我们可以为每个复选框设置一个`value`属性来标识其唯一性,以及一个`checked`属性来控制初始状态。 接下来,我们考虑如何实现上下级复选框的联动。假设我们有如下数据结构: ```json { "id": 1, "name": "父节点...

    js checkbox全选 反选 取消全部设置表单html复选框勾选

    在网页开发中,JavaScript(简称JS...总之,通过JavaScript,我们可以轻松地实现HTML表单中复选框的全选、反选和取消全部勾选功能,从而提高用户界面的互动性和实用性。了解并掌握这些基本技巧是前端开发中的重要一环。

    js实现复选框和单选框的选择

    本文将详细介绍如何使用JavaScript来控制这些表单元素的状态,包括实现单个复选框的选择切换、全选/全不选功能以及检查所有选项的状态。 #### 重要概念解释 1. **复选框**:允许用户选择一个或多个选项。 2. **...

    简单复选框样式

    在网页设计中,复选框(Checkbox)是一种常见的表单元素,用于让用户在多个选项中进行选择。然而,原生的HTML复选框样式通常较为单一,无法满足设计师们追求个性化和美观的需求。"简单复选框样式"这个主题正是为了...

Global site tag (gtag.js) - Google Analytics