`

复选框checkbox的JS操作

阅读更多

html代码:

<td width="80%" colspan="3">
<input onchange="fzChange()" type="checkbox"  name="fzunid" value="J167f5a11ea945fa99caf2e1b38dcf7e" alt="默认分组" showName="默认分组" checked='checked' >默认分组 &nbsp;&nbsp;
<input onchange="fzChange()" type="checkbox"  name="fzunid" value="Je4b830e5ded420a89834fb1dc132875" alt="朋友" showName="朋友"  >朋友 &nbsp;&nbsp;	
<input onchange="fzChange()" type="checkbox"  name="fzunid" value="J4724d6011204a1ba3d524bfd7534456" alt="同事" showName="同事"  >同事 &nbsp;&nbsp;
</td>

<input type="hidden" id="fzname"  name="fzname" value="" />

 

JS代码:

function fzChange()
{
	var obj=document.getElementsByName("fzunid");
    var theValue="";
    for(var i=0;i < obj.length;i++)
    {
      if(obj[i].checked)
      {
         if(theValue=="")
         {
        	 theValue=obj[i].alt;
         }
         else
         {
        	 theValue=theValue+","+obj[i].alt;
         }
      }
    }
    //alert(theValue);
    document.getElementById("fzname").value = theValue;
}

 

分享到:
评论

相关推荐

    带复选框JS树,JS带复选框的列表,很好用

    总的来说,"带复选框JS树"是前端开发中一种重要的交互元素,结合了数据结构、用户界面设计和JavaScript编程技术,为用户提供了一种直观的方式来操作和管理层次化数据。通过学习和掌握这种技术,开发者可以提升用户...

    JS复选框checkbox动画特效下载.zip

    这个资源包“JS复选框checkbox动画特效下载.zip”提供了JavaScript代码,用于实现当用户点击复选框时,产生吸引人的动画效果,使得原本静态的复选框变得生动有趣。 JavaScript(JS)是一种广泛使用的客户端脚本语言...

    checkbox复选框传值

    在网页设计和开发中,复选框(Checkbox)是一种常见的用户界面元素,允许用户从多个选项中选择一个或多个。当涉及到数据提交,比如通过HTML表单POST方法将用户的选择发送到服务器并存储到数据库中时,理解如何处理复...

    11种炫酷CSS3复选框checkbox样式美化效果

    本文将深入探讨“11种炫酷CSS3复选框checkbox样式美化效果”这一主题,以及如何利用这些效果提升用户体验。 首先,我们要明白CSS3中的复选框(checkbox)是HTML中的一种表单元素,用于让用户做出选择。默认情况下,...

    表单复选框checkbox美化特效

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

    树形复选框(Checkbox)

    本项目通过结合JavaScript和CSS技术,实现了一个具有展缩功能和选中数显示的树形复选框组件。下面我们将深入探讨这个组件的核心知识点。 首先,`Checkbox`在HTML中是`&lt;input type="checkbox"&gt;`标签,用于创建一个...

    jQuery自定义美化复选框checkbox样式

    在"jQuery自定义美化复选框checkbox样式"这个项目中,我们可以看到以下几个关键知识点: 1. **CSS样式定义**:CSS文件(可能位于`css`目录下)用于定义复选框的样式。这包括但不限于边框、背景色、尺寸、过渡效果等...

    jQuery多级复选框checkbox选中代码

    本教程主要探讨的是如何使用jQuery实现多级复选框(checkbox)的功能,包括水平横向、垂直纵向两种排列方式,并且提供了三种不同的样式供选择。通过这个项目,我们可以学习到如何用jQuery控制复选框的状态,以及如何...

    CSS美化复选框checkbox动画js代码.zip

    本资源“CSS美化复选框checkbox动画js代码.zip”提供了一种方法,通过CSS样式和JavaScript来提升复选框(checkbox)的视觉吸引力和交互体验。以下是关于这个主题的详细知识点: 1. **CSS美化复选框**: - 复选框在...

    CSS3美化复选框checkbox

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了许多强大的新特性,其中之一就是能够对复选框(checkbox)进行美化,从而提升用户界面的视觉吸引力和交互体验。复选框是HTML中一种基本的表单元素,通常用于让...

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

    对于更复杂的场景,例如,如果复选框分组,你可能需要使用类名或数据属性来筛选要操作的复选框。此外,还可以使用事件委托来优化性能,特别是当复选框数量很大时。 在提供的压缩包文件"texiao1468_1560929584"中,...

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

    此外,为了优化用户体验,我们还可以添加一些辅助功能,比如禁用父级复选框的选中状态,直到所有子级复选框的状态都已知,或者在选中/取消选中父级复选框时,提供批量操作的动画效果。 在实际项目中,我们可能会...

    带有复选框的JS树状菜单

    2. **HTML渲染**:使用JavaScript动态生成HTML结构,每个菜单项是一个`&lt;li&gt;`元素,包含一个`&lt;input type="checkbox"&gt;`作为复选框,可能还有`&lt;ul&gt;`元素来承载其子节点。 3. **事件监听**:添加事件监听器,如点击...

    带复选框checkbox的tree

    在IT领域,尤其是在前端开发中,"带复选框checkbox的tree"是一种常见的用户界面元素,用于展示层次结构数据,并允许用户进行多级选择。这种组件通常被用于权限管理、目录浏览、数据分类等场景。下面我们将深入探讨与...

    jQuery实现复选框checkbox全选、反选功能.rar

    本示例中,我们关注的是如何使用jQuery来实现复选框(checkbox)的全选和反选功能,这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中,复选框通常由`&lt;input&gt;`标签定义,类型为...

    js复选框(checkbox)

    在JavaScript中,复选框(Checkbox)是一种常用的表单元素,用于用户进行多选操作。在网页设计中,复选框常用于让用户在多个选项中选取一个或多个。本资源"js复选框(checkbox)"提供了一种简单小巧的解决方案,支持...

    轻量级纯Javascript复选框checkbox动画插件

    **轻量级纯Javascript复选框checkbox动画插件——Checkbix详解** 在网页设计中,复选框(checkbox)是常见的用户交互元素,用于让用户选择一个或多个选项。然而,原生的HTML复选框样式单一,缺乏视觉吸引力。为了...

    实现table表格checkbox复选框的全选 反选

    在网页开发中,表格(Table)是常用的数据展示方式,而复选框(Checkbox)则为用户提供多选功能。在HTML的表格中实现复选框的全选与反选功能,能够大大提升用户体验,使用户可以便捷地选择一组数据。这里我们将详细...

    隐藏layui数据表格表头的checkbox复选框

    ### 隐藏LayUI数据表格表头的Checkbox复选框方法详解 #### 背景介绍 在前端开发过程中,经常会使用到LayUI框架搭建网页应用,尤其是在设计复杂的数据展示界面时,LayUI提供了强大的数据表格功能。然而,在某些场景...

Global site tag (gtag.js) - Google Analytics