`
hudeyong926
  • 浏览: 2028205 次
  • 来自: 武汉
社区版块
存档分类
最新评论

checkbox做成可以单选取消

阅读更多
<html>
  <head><title>MARS TEST PAGE</title></head>

  <script>
  function chk(obj)
  {
	   var boxArray = document.getElementsByName('c1');
       for(var i=0;i<=boxArray.length-1;i++){
            if(boxArray[i]==obj && obj.checked){
               boxArray[i].checked = true;
            }else{
               boxArray[i].checked = false;
            }
       } 
  }
 </script>

  <body>
  <form name="form1">
    <input type="checkbox" name="c1" value="1" onclick="return chk(this);">A
    <input type="checkbox" name="c1" value="2" onclick="return chk(this);">B
    <input type="checkbox" name="c1" value="3" onclick="return chk(this);">C
  </form>
  </body>
</html>
分享到:
评论

相关推荐

    Recyclerview item上CheckBox,包括全选,取消全选,单选功能

    本文将深入探讨如何在RecyclerView的item上添加CheckBox,并实现全选、取消全选以及单选功能。 首先,我们需要创建一个自定义的RecyclerView Adapter。Adapter是连接数据源与RecyclerView的关键,它负责将数据转化...

    WPF中DataGrid里面的Checkbox实现单选

    WPF中DataGrid里面的Checkbox实现单选关键代码, 文档里面的代码复制粘贴即可实现!本人也是项目需要写的一个功能11行代码实现此功能! 希望可以帮助到你们!

    checkboxlist单选功能

    通过上述介绍,我们可以了解到如何将`CheckboxList`控件转换为单选模式,并理解其实现原理和关键步骤。这种方法不仅可以提高用户体验,还能增加应用程序的灵活性。在实际项目中,根据具体需求灵活运用这些技术点,...

    checkbox多项选中及取消选中

    本教程将深入探讨如何实现 `checkbox` 的多项选中与取消选中的功能,以及相关的 `attr` 和 `prop` 属性在其中的作用。 1. **Checkbox基本概念**: `checkbox` 是HTML中的一个输入类型,其标签为 `&lt;input type="...

    Android checkbox 实现单选

    Checkbox是多选框,用户可以勾选多个,而RadioButton是单选按钮,用户只能选择其中一个。在单选需求下,RadioButton通常与RadioGroup结合使用,RadioGroup作为一个容器,管理其内的所有RadioButton,确保同一时间...

    delphi Listview复选框checkbox实现单选的功能

    它提供了多种视图模式,包括报告视图,其中可以包含复选框(Checkbox)来实现用户交互。本示例着重讲解如何在ListView中实现复选框的单选功能。 在Delphi中,ListView的复选框功能可以通过设置`ListView.Style`属性...

    CheckBoxList实现单选 C#(WEB)

    总结,通过以上步骤,我们可以成功地在ASP.NET Web Forms应用中将CheckBoxList转变为单选模式,同时还可以根据需要调整显示样式。这个方法不仅限于基本的复选框列表,还可以扩展到更复杂的业务场景,例如结合数据...

    jquery checkbox 选中 取消 checkbox多选

    本文将深入探讨如何使用jQuery来实现复选框(checkbox)的选中和取消选中功能,以及如何处理多选的情况。 首先,我们需要理解HTML中的`&lt;input&gt;`元素类型为"checkbox"的基本用法。复选框用于让用户从多个选项中选择...

    ExpandableListView结合CheckBox实现单选操作

    而`CheckBox`是Android UI设计中常用的复选框组件,用于提供多选或单选功能。在本教程中,我们将讨论如何将`ExpandableListView`与`CheckBox`结合,实现在`ExpandableListView`中的单选操作。 首先,我们需要创建`...

    javascript checkbox radiobutton 的全选单选

    JavaScript 关于checkBox 全选 单选 RadioButton 全选 单选 制定用户选中页面控件;等......

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

    总之,layui的表格组件允许我们灵活地定制列的显示方式,通过`type: 'checkbox'`可以轻松实现单选框列。结合监听事件和自定义逻辑,我们可以构建出符合业务需求的交互式表格。希望这篇文章能帮助你更好地理解和应用...

    checkBox的单选多选

    在Android中,我们可以使用RadioGroup配合RadioButton实现单选,使用CheckBox控件实现多选。 ### 1. 单选(RadioGroup与RadioButton) 要实现单选,我们需要创建一个RadioGroup容器,并在其内部添加RadioButton...

    delphi中listview启用checkbox实现单选

    这将在ListView的每一项前面显示一个复选框,用户可以通过勾选或取消来选择项目。 默认情况下,ListView启用复选框后,用户可以同时选择多个项目,但我们的目标是实现单选功能。在Delphi中,可以通过监听`...

    js实现checkbox单选

    在ie\ff下测试过,都可以使用.实现单选,也可以取消选择

    .net 后台实现 checkboxlist 单选

    在.NET框架中,CheckboxList控件常用于呈现一组可选的复选框,通常用于用户可以选择多个选项的场景。然而,有时候我们可能需要限制用户只能选择一个选项,这就需要将CheckboxList转换为单选功能。下面我们将详细探讨...

    C#_winform_DataGridView_checkbox复选框_实现单选效果

    而`DataGridView`中的复选框列(Checkbox Column)则为用户提供了一种方便的选择方式,例如在多选或单选场景下。本教程将详细介绍如何在`DataGridView`中实现复选框的单选效果。 首先,我们需要创建一个`...

    原生的复选框(checkbox button)和单选按钮(radio button)实现透明背景效果解决方案

    在Windows编程中,原生的复选框(Checkbox)和单选按钮(Radio Button)通常是由Windows API或者特定的库如ATL/WTL提供的控件。这些控件默认的外观和行为是系统定义的,包括它们的背景颜色,通常与对话框或窗口的...

    android ListView+CheckBox实现单选

    通过以上步骤,我们就实现了ListView配合CheckBox的单选功能。在用户点击列表项时,CheckBox的状态会改变,同时其他所有项的CheckBox都会被取消选中。这个实现方式简单易懂,但请注意在实际项目中,可能需要考虑性能...

    js实现checkbox的radio单选效果,且可取消选择

    js实现checkbox的radio单选效果,且可取消选择

    winform DataGridView checkbox列单选

    当你需要创建一个界面,其中用户可以对数据进行单选操作时,可以在`DataGridView`中添加`CheckBox`列来实现这一功能。本篇文章将详细讲解如何在`DataGridView`中设置`CheckBox`列并确保用户只能进行单选。 首先,...

Global site tag (gtag.js) - Google Analytics