`

js实现checkBox 多选变单选

 
阅读更多

需求:通过javascript 控制 checkBox由多选变为单选

   function setVoteObj(obj,candidateId){
         var parent = obj.parentNode;
         // alert(parent);
         // alert(obj.value);
         // alert(candidateId);
         var children = parent.childNodes;
         //实现复选框单选
           if(obj.checked)
        {
          for(var i=0;i<children.length;i++){
            children[i].checked = false;
        }
         obj.checked = true;    
       }else{
        for(var i=0;i<children.length;i++){
            children[i].checked = false;
        }
      }
}

 

分享到:
评论

相关推荐

    前端web select 多层级选择。利用 ztree.js 实现下拉框的多选和单选demo.有兴趣的可以了解一下。

    其中,`check` 参数用于控制多选和单选功能,如 `check.enable` 设为 `true` 可开启多选,`check.chkStyle` 可设置为 `"radio"` 或 `"checkbox"` 分别实现单选或多选。同时,`select` 参数可以配置选择后的效果,如...

    radiobutton 控制checkbox多选(js实现)

    ### radiobutton 控制 checkbox 多选 (js 实现) 在 Web 开发中,表单是与用户交互的重要组成部分。为了实现更加灵活的功能,有时我们需要利用 JavaScript 来控制表单元素的状态,例如通过单选按钮(`...

    Node.js-ListView列表单级单选单级多选多级单选多级多选效果展示

    本教程将详细讲解如何实现ListView的单级单选、单级多选以及多级单选和多级多选的效果。 1. **单级单选**: 在ListView中实现单级单选,通常使用CheckedTextView或者自定义View,配合OnItemClickListener监听器来...

    CheckBoxList实现单选 C#(WEB)

    在.NET Web开发中,CheckBoxList控件经常用于呈现一组可多选的选项。然而,有时候我们需要将CheckBoxList的功能限制为只能单选,就像单选按钮(RadioButtonList)那样。本篇将详细介绍如何在C#环境下,针对ASP.NET ...

    结合ztree的下拉框树形结构数据多选,单选

    这通常通过设置zTree的配置参数来实现,例如设置`check.enable`为`true`启用复选功能,然后通过`check.chkStyle`设置为`radio.type`或`checkbox.type`来切换单选或多选模式。 在实际应用中,"数据可以是固定数据或...

    checkbox单选多选

    对于单选,虽然Checkbox通常支持多选,但可以通过一些策略实现单选功能。例如,我们可以使用相同的`name`属性值来确保同一组内的Checkbox互斥,这样每次只能有一个Checkbox被选中。在JavaScript中,我们可以监听...

    .net 后台实现 checkboxlist 单选

    综上所述,实现.NET后台CheckboxList的单选功能主要涉及到前端JavaScript的控制和后台C#的验证。通过结合这两部分,我们可以确保用户只能在CheckboxList中选择一个选项,并在用户尝试多选时提供适当的反馈。

    含checkbox的多选下拉组件

    在传统的下拉框中,用户只能单选一个选项,但在含checkbox的多选下拉组件中,用户可以同时选择多个选项,通过复选框(checkbox)来实现。这种设计适用于那些需要用户勾选多项的场景,如筛选条件、兴趣爱好选择等。 ...

    asp.net Dropdownlist结合CheckBoxList多选下拉框

    在ASP.NET开发中,Dropdownlist控件通常用于创建单选下拉列表,而CheckBoxList控件则用于展示可多选的列表项。然而,有时我们需要一个具有多选功能的下拉框,这时可以将Dropdownlist与CheckBoxList结合起来实现这一...

    html多选下拉框 ,CheckBox的Select组件 可多选的下拉框

    在HTML中,创建一个可多选的下拉框通常涉及到`&lt;select&gt;`元素与`&lt;option&gt;`元素的组合,但为了实现多选功能,我们需要使用`&lt;input type="checkbox"&gt;`和自定义的JavaScript或者利用现代浏览器支持的Web组件技术。...

    ASP 投票系统 支持多选、单选 无限添加选项

    这通常通过HTML的`&lt;input&gt;`标签实现,类型可以设置为`checkbox`(多选)或`radio`(单选)。 4. **无限添加选项**: 这个功能意味着管理员可以在后台随时增加新的投票选项,无需对源代码进行大规模修改。这通常通过...

    购物车中多选单选Demo

    "购物车中多选单选Demo"是一个针对这一功能的示例实现,旨在提供一个简单易懂的解决方案,帮助开发者快速构建购物车的多选与单选功能。在这个Demo中,我们可以探讨以下几个关键知识点: 1. **多选与单选**:在...

    jQuery模拟select下拉框多选和单选插件.zip

    本资源“jQuery模拟select下拉框多选和单选插件.zip”提供了一种利用jQuery实现模拟下拉框选择功能的方法,特别适合在网页中创建具有多选和单选功能的下拉菜单,而无需使用原生的`&lt;select&gt;`元素。这样的插件对于提升...

    layui table中的列为checkbox 使layui中table表格中的列单元格显示为单选框checkbox

    在本文中,我们将深入探讨如何在layui框架中创建一个表格,其中某一列显示为复选框(checkbox),以便实现单选功能。layui是一款基于前端的轻量级组件库,提供了丰富的UI组件,包括表格(table)、按钮、表单元素等...

    下拉框多选 js动态实现

    在网页开发中,"下拉框多选 js动态实现"是一个常见的交互需求,尤其是在表单设计和数据筛选中。这个需求通常涉及到HTML、CSS和JavaScript技术的结合使用,特别是JavaScript库如jQuery或者其他自定义JS代码,来实现...

    单选和多选美化

    引用js &lt;!--引用js--&gt; &lt;script src="js/jquery-1.11.2.min.js"&gt; ... //参数{input类名,选择类型(单选or多选)} $(".rdolist").labelauty("rdolist", "rdo"); $(".chklist").labelauty("chklist", "check"); });

    原生JS表格列表全选反选单选多选代码.zip

    这是一款原生JS实现的,点击表格列表选中,可以单选、多选、全选和反选的表格列表选择代码。 js代码 [removed]  var all = document.getElementById("j_cbAll");  var tbody = document.getElementById("j_...

    vue例子(实现单选、多选、弹窗等功能)

    在“vue例子(实现单选、多选、弹窗等功能)”这个项目中,我们将深入探讨如何利用Vue.js来实现这些常见的UI交互功能。 首先,单选和多选是网页表单中常见的数据输入方式。在Vue.js中,我们可以利用v-model指令来...

    微信小程序单选radio及多选checkbox按钮用法示例

    本文主要介绍的是如何使用单选按钮(radio)和多选按钮(checkbox)这两种常见的表单元素。以下是对标题和描述中提及的知识点的详细说明: 1. **单选按钮(radio)**: 单选按钮在微信小程序中通常用于提供一系列...

    自制单选(radiobox)和多选(checkbox)控件

    最近想学者用js做适合触摸的单选(radiobox)和多选(checkbox)控件,起因是:1、不想用就jQuery,因为用它就解决这么一个问题感觉有点像大炮打蚊子;2、想用css做出toggle switch那种感觉很困难,而且这种开关只支持...

Global site tag (gtag.js) - Google Analytics