`
liwei888
  • 浏览: 92692 次
  • 性别: 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>

分享到:
评论

相关推荐

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

    最开始需要获取的是input value值设置checkbox选中状态,由于input value要使用计算业务,后来改造为id,这里就为大家分享一下实现代码,需要的朋友可以参考下

    浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)

    我这里往后端传递checkbox 多选框value的值是通过字符串方式传递,先调用js对选定checkbox遍历获取选的的boxvalue,然后写进隐藏域,最后作文对象的属性提交。见代码:` 前端: &lt;form:form commandName=user ...

    js获取Treeview选中的节点(C#选中CheckBox项)

    现整理如下: 首先,要想在javascript中获取treeview中带checkbox的节点,需要设置treeview节点的某些属性,我是在后台代码中添加的。 代码如下: TreeNode newNode = new TreeNode(); newNode.Text = “showText”;...

    checkbox:一个用于替换 `input[type=checkbox]` 的 AngularJS 指令,以便它可以跨浏览器设置样式

    如果这些属性是使用例如 jQuery 的$.attr方法设置的,Angular 将不会获取更改,并且指令将不会更新。 这是一个已知问题,没有 100% 兼容性的合理解决方法(尽管改进可能是为常绿浏览器添加MutationObserver支持,但...

    Javascript操作表单实例讲解(下)

    在上篇文章给大家介绍了js操作表单实例讲解(下)的相关知识,本文接着给大家介绍Javascript操作表单实例讲解(下),具体详情如下所示: 一、文本域 &lt;input type=text /&gt; —————————– 操作文本域的值...

    js使用小技巧

    checkbox扁平 &lt;input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"&gt; 获取选中内容 document.selection.createRange().duplicate().text 自动完成功能 打开该功能 关闭该功能 ...

    ExtAspNet_v2.3.2_dll

    -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle=...

    flash批量上传 php

    &lt;script language="JavaScript" type="text/javascript"&gt; 02.function challs_flash_update(){ //Flash 初始化函数 03.var a={}; 04.//定义变量为Object 类型 05. 06.a.FormName = "Filedata"; 07.//设置Form表单的...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle=...

    正则表达式

    JavaScript的RegExp对象和String对象定义了使用正则表达式来执行强大的模式匹配和文本检索与替换函数的方法. 在JavaScript中,正则表达式是由一个RegExp对象表示的.当然,可以使用一个RegExp()构造函数来创建RegExp...

    table点击表头排序

    property: "innerHTML",//获取数据的属性 type: "string",//比较的数据类型 desc: true,//是否按降序 compare: null,//自定义排序函数 value: null,//自定义取值函数 repair: this._repair,//是否解决checkbox和...

    treeGrid、树形表格

    //获取数据行属性值 //alert(treeGridItem.id + ", " + treeGridItem.index + ", " + treeGridItem.data.name); //获取父数据行 var parent = treeGridItem.getParent(); if(parent!=null)...

    ASP.NET程序中常用的三十三种代码.txt

    &lt;script language="javascript" for="document" event="onkeydown"&gt;  if (event.keyCode==13 && event.srcElement.type!=’button’ && event.srcElement.type! =’submit’ && event.srcElement.type!=’reset’ &...

    ASP.NET常用代码

    &lt;script language="javascript" for="document" event="onkeydown"&gt; if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event....

    Silverlight2.0功能展示Demo源码

    1、Silverlight(3) - 2.0控件之Border, Button, Calendar, Canvas, CheckBox, ComboBox 介绍 Silverlight 2.0 控件一览:Border, Button, Calendar, Canvas, CheckBox, ComboBox 2、Silverlight(4) - 2.0控件之...

    amis前端低代码框架 v1.1.4

    修复 表单项在不配置 name 的时候,value 属性失效问题 (#1372) 修复 Excel 导出的列顺序依照配置的顺序,而不是数据源 (#1377) 修复 ChartRadios tooltip 问题. (#1378) 修复 位置选择组件在新版百度地图 api 下...

Global site tag (gtag.js) - Google Analytics