`
liwei888
  • 浏览: 94799 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js获取checkbox的value属性

阅读更多

  <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)">&nbsp;
<input type="button" value="更新产品资料" onclick="upcheckbox(this.value)">&nbsp;
<input type="button" value="更新人员资料" onclick="upcheckbox(this.value)">&nbsp;<br />

<input type="button" value="更新客户资料cbox状态" onclick="blcheckbox('更新客户资料')">&nbsp;
<input type="button" value="更新产品资料cbox状态" onclick="blcheckbox('更新产品资料')">&nbsp;
<input type="button" value="更新人员资料cbox状态" onclick="blcheckbox('更新人员资料')">&nbsp;
</form>

分享到:
评论

相关推荐

    javascript获取checkbox复选框获取选中的选项

    在JavaScript中,获取复选框(checkbox...总结一下,这个示例教会了我们如何使用JavaScript获取复选框选中的选项,包括查找表单元素,遍历复选框数组,以及如何处理选中项的信息。这对于构建交互式的网页应用非常有用。

    怎么获取checkbox/select/radio、选择中的text和value值

    ### 获取Checkbox的Text和Value #### 1. 遍历选中的Checkbox ```javascript $("input[name='checkbox']:checked").each(function(){ var val = $(this).val(); }); ``` 这段代码遍历所有被选中的`&lt;input type="...

    asp.net Javascript获取CheckBoxList的value

    总的来说,要解决JavaScript获取`CheckBoxList`的值的问题,关键在于理解ASP.NET控件在客户端的HTML表示,以及如何有效地使用JavaScript操作这些HTML元素。通过自定义控件、遍历DOM、使用库或引入服务器端交互,都...

    JS控制checkboxJS控制checkboxJS控制checkbox

    一、获取checkbox 在JavaScript中,可以通过`document.getElementById`、`document.querySelector`或`document.querySelectorAll`方法获取到特定的checkbox。例如,如果有一个id为"myCheckbox"的checkbox,我们可以...

    checkBox全选——jscheckBox全选——jscheckBox全选——js

    这段代码的工作原理是:当`#selectAll`被点击时,获取所有名为`items`的`checkBox`,然后遍历这些`checkBox`,将它们的`checked`属性设置为全选`checkBox`的`checked`状态。这样,如果全选`checkBox`被选中,所有...

    jQuery获取checkboxlist的value值的方法

    每个标签可能会有一个与之对应的标签包裹,这个标签的alt属性会被用作存储原始的Value值,因为HTML的标准规范里,checkbox的Value属性通常是用户可见的,不适宜存放非可见值。 通过上述描述,我们可以得知,要想...

    JS通过识别id、value值对checkbox设置选中状态

    name属性用于在表单提交时标识数据,value属性则表示复选框的值,而id属性用于唯一标识一个元素。 在给定的标题和描述中,主要涉及两个场景: 1. **通过value值设置选中状态**: 当我们想要根据某个字符串(如"1,...

    js获取checkbox值的方法

    本文将详细介绍如何使用JavaScript获取复选框的值,并通过一个具体的实例来展示这一点。 首先,我们需要了解在HTML中如何定义一个checkbox元素。它通常嵌入在form标签内,并使用input标签定义,通过设置type属性为...

    JS获取checkbox的个数简单实例

    总结来说,JavaScript获取checkbox的个数主要是通过`getElementsByName`获取所有同名的checkbox元素,然后遍历并检查它们的`checked`属性。结合实际应用,我们可以对用户的选择进行各种限制或处理,比如在本例中限制...

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

    在网页开发中,JavaScript(简称JS)是一种广泛使用的客户端脚本语言,用于处理网页上的交互逻辑。当涉及到HTML表单中的复选框(checkbox)时,全选、反选和取消全部勾选的功能是非常常见的需求。这些功能可以提高...

    jQuery获取Radio,CheckBox选择的Value值(示例代码)

    ### 知识点详解 ...以上内容总结了通过jQuery获取和操作Radio、CheckBox以及文本框Value值的基本方法。这些操作对于处理表单数据和用户交互非常有用,而且示例代码也方便读者理解和实际应用这些知识点。

    C#中根据选择的checkbox列出选择的值

    在HTML中,可以通过JavaScript来操作DOM,获取Checkbox的状态。例如,通过遍历表单中的所有Checkbox元素,并检查它们的`checked`属性,可以获取到选中的值。 ```javascript var checkboxes = document....

    js获取所有checkbox的值的简单实例

    通过以上内容,我们可以了解到,使用JavaScript获取页面上所有复选框的值是相当直接的,主要通过`getElementsByName`、`checked`属性和数组操作来实现。这是一个基础但是非常实用的功能,广泛应用于表单数据的收集和...

    jquery、js操作checkbox全选反选.docx

    - **解析**:使用`document.getElementsByName("TheID")`获取所有的Checkbox,然后通过循环来设置它们的`checked`属性为`true`。 ##### 2. 反选功能 ```javascript function uncheckAll() { var checkboxes = ...

    vue .js绑定checkbox并获取、改变选中状态的实例

    在Vue.js中,绑定checkbox并获取、改变其选中状态是常见的需求。本文将通过一个实例来详细介绍这个过程,并探讨如何处理复选框选中的值问题。 首先,让我们看下HTML部分的代码: ```html ...

    今天把JS控制checkbox全选、取消全选、删除功能的代码贴出来。。。。。

    ### JS控制Checkbox全选、取消全选与删除功能 在前端开发中,处理表单数据时经常需要用到对多个复选框(checkbox)的操作,比如全选、取消全选以及基于选择状态进行某些操作(如删除)。本文将详细介绍如何通过...

    Asp.net CheckBoxList操作集合

    本篇文章将详细讲解如何进行CheckBoxList的操作,包括获取选中项、实现全选、取消选中以及反选功能,并结合JavaScript进行交互式操作。 首先,我们来了解`CheckBoxList`的基本结构。在ASP.NET中,CheckBoxList控件...

    Jquery遍历checkbox获取选中项value值的方法

    为了能够标识和选择特定的复选框,我们通常会使用name属性为一组相关的复选框定义一个共同的名称,而value属性则代表了当复选框被选中时,该表单元素的值。 当我们想要使用JQuery来操作这些复选框时,首先需要引入...

Global site tag (gtag.js) - Google Analytics