<script language="JavaScript">
<!--
function upcheckbox(svalue){
var cb = document.forms[0].getElementsByTagName("input");
for (var i=0;i<cb.length;i++) {
if (cb[i].type=="checkbox" && cb[i].getAttribute("value")== svalue){
cb[i].checked = true;
}
}
}
function blcheckbox(svalue){
var cb = document.forms[0].getElementsByTagName("input");
for (var i=0;i<cb.length;i++) {
if (cb[i].type=="checkbox" && cb[i].getAttribute("value")== svalue){
alert (cb[i].checked ? true : false);
alert(cb[i].getAttribute("value"));
}
}
}
//-->
</script>
<form>
<input name="id" type="checkbox" value="更新客户资料" /> 更新客户资料 <br />
<input name="id" type="checkbox" value="更新产品资料" checked="checked" /> 更新产品资料 <br />
<input name="id" type="checkbox" value="更新人员资料" /> 更新人员资料 <br />
<input type="button" value="更新客户资料" onclick="upcheckbox(this.value)">
<input type="button" value="更新产品资料" onclick="upcheckbox(this.value)">
<input type="button" value="更新人员资料" onclick="upcheckbox(this.value)"> <br />
<input type="button" value="更新客户资料cbox状态" onclick="blcheckbox('更新客户资料')">
<input type="button" value="更新产品资料cbox状态" onclick="blcheckbox('更新产品资料')">
<input type="button" value="更新人员资料cbox状态" onclick="blcheckbox('更新人员资料')">
</form>
分享到:
相关推荐
在JavaScript中,获取复选框(checkbox...总结一下,这个示例教会了我们如何使用JavaScript获取复选框选中的选项,包括查找表单元素,遍历复选框数组,以及如何处理选中项的信息。这对于构建交互式的网页应用非常有用。
### 获取Checkbox的Text和Value #### 1. 遍历选中的Checkbox ```javascript $("input[name='checkbox']:checked").each(function(){ var val = $(this).val(); }); ``` 这段代码遍历所有被选中的`<input type="...
总的来说,要解决JavaScript获取`CheckBoxList`的值的问题,关键在于理解ASP.NET控件在客户端的HTML表示,以及如何有效地使用JavaScript操作这些HTML元素。通过自定义控件、遍历DOM、使用库或引入服务器端交互,都...
一、获取checkbox 在JavaScript中,可以通过`document.getElementById`、`document.querySelector`或`document.querySelectorAll`方法获取到特定的checkbox。例如,如果有一个id为"myCheckbox"的checkbox,我们可以...
这段代码的工作原理是:当`#selectAll`被点击时,获取所有名为`items`的`checkBox`,然后遍历这些`checkBox`,将它们的`checked`属性设置为全选`checkBox`的`checked`状态。这样,如果全选`checkBox`被选中,所有...
每个标签可能会有一个与之对应的标签包裹,这个标签的alt属性会被用作存储原始的Value值,因为HTML的标准规范里,checkbox的Value属性通常是用户可见的,不适宜存放非可见值。 通过上述描述,我们可以得知,要想...
name属性用于在表单提交时标识数据,value属性则表示复选框的值,而id属性用于唯一标识一个元素。 在给定的标题和描述中,主要涉及两个场景: 1. **通过value值设置选中状态**: 当我们想要根据某个字符串(如"1,...
本文将详细介绍如何使用JavaScript获取复选框的值,并通过一个具体的实例来展示这一点。 首先,我们需要了解在HTML中如何定义一个checkbox元素。它通常嵌入在form标签内,并使用input标签定义,通过设置type属性为...
总结来说,JavaScript获取checkbox的个数主要是通过`getElementsByName`获取所有同名的checkbox元素,然后遍历并检查它们的`checked`属性。结合实际应用,我们可以对用户的选择进行各种限制或处理,比如在本例中限制...
在网页开发中,JavaScript(简称JS)是一种广泛使用的客户端脚本语言,用于处理网页上的交互逻辑。当涉及到HTML表单中的复选框(checkbox)时,全选、反选和取消全部勾选的功能是非常常见的需求。这些功能可以提高...
### 知识点详解 ...以上内容总结了通过jQuery获取和操作Radio、CheckBox以及文本框Value值的基本方法。这些操作对于处理表单数据和用户交互非常有用,而且示例代码也方便读者理解和实际应用这些知识点。
在HTML中,可以通过JavaScript来操作DOM,获取Checkbox的状态。例如,通过遍历表单中的所有Checkbox元素,并检查它们的`checked`属性,可以获取到选中的值。 ```javascript var checkboxes = document....
通过以上内容,我们可以了解到,使用JavaScript获取页面上所有复选框的值是相当直接的,主要通过`getElementsByName`、`checked`属性和数组操作来实现。这是一个基础但是非常实用的功能,广泛应用于表单数据的收集和...
- **解析**:使用`document.getElementsByName("TheID")`获取所有的Checkbox,然后通过循环来设置它们的`checked`属性为`true`。 ##### 2. 反选功能 ```javascript function uncheckAll() { var checkboxes = ...
在Vue.js中,绑定checkbox并获取、改变其选中状态是常见的需求。本文将通过一个实例来详细介绍这个过程,并探讨如何处理复选框选中的值问题。 首先,让我们看下HTML部分的代码: ```html ...
### JS控制Checkbox全选、取消全选与删除功能 在前端开发中,处理表单数据时经常需要用到对多个复选框(checkbox)的操作,比如全选、取消全选以及基于选择状态进行某些操作(如删除)。本文将详细介绍如何通过...
本篇文章将详细讲解如何进行CheckBoxList的操作,包括获取选中项、实现全选、取消选中以及反选功能,并结合JavaScript进行交互式操作。 首先,我们来了解`CheckBoxList`的基本结构。在ASP.NET中,CheckBoxList控件...
为了能够标识和选择特定的复选框,我们通常会使用name属性为一组相关的复选框定义一个共同的名称,而value属性则代表了当复选框被选中时,该表单元素的值。 当我们想要使用JQuery来操作这些复选框时,首先需要引入...