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

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>
分享到:
评论

相关推荐

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

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

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

    而`wx:for`是微信小程序数据绑定和列表渲染的指令,可以遍历`data`对象中的数组数据,将数组中的每个对象渲染成对应的`&lt;radio&gt;`或`&lt;checkbox&gt;`。 需要注意的是,示例代码中`this.setData`方法的使用。`setData`方法...

    css3单选框和复选框美化特效

    本教程将聚焦于一个常见的UI元素——单选框(radio button)和复选框(checkbox),并探讨如何使用CSS3来美化它们,实现一种简单而美观的打勾图标效果,而无需依赖任何外部插件。 首先,我们要知道在HTML中,单选框...

    div模拟radio和checkbox

    在网页设计中,我们经常需要使用到HTML的`&lt;input type="radio"&gt;`和`&lt;input type="checkbox"&gt;`元素来实现单选和多选功能。然而,原生的样式通常较为单一,不能满足所有设计需求。这时,开发者们会采用CSS和JavaScript...

    Vue切换div显示隐藏,多选,单选代码解析

    每个checkbox绑定了一个对象的checked属性,当选中或者取消选中时,通过@change事件触发的checkOne方法来处理选中状态的变化。这允许我们根据选中的状态来做进一步的逻辑处理,例如计算选中的总数、是否全选等。 3....

    jQuery对下拉框,单选框,多选框的操作

    单选框通常成组使用,同一组内的单选框允许用户从中选择一个选项。使用jQuery,我们可以获取或设置被选中单选框的值: ```javascript var radioValue = $("input[type=radio][checked]").val(); // 获取选中单选框...

    flash shiti

    16.lash能将ASCII代码转换成对应的字符,也可以返回字符对应的ASCII码。Chr表示什么? A. 转换ASCII码为字符 B. 转换字符为ASCII码 C. 转换字符为海明码 D. 转换海明码为字符 17.Flash 菜单File→Print的快捷...

    PT80-NEAT开发指南v1.1

    NEAT 开 发 指南 文档 适用于 PT80 系列 移动数据终端 版本记录 版本号 版本描述 发布日期 V 1.0 初始版本。 2012-04-12 V1.1 修改前三章内容 2012-09-25 目录 第一章 关于本手册.....................................

Global site tag (gtag.js) - Google Analytics