`
艾玛王国
  • 浏览: 10983 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

通过JS将复选框做成单选框一样,选中还可以取消[转]

阅读更多
blog做了个分类,是复选框格式的,写文章时竟然有人总是把分类全选,
后来改成单选框了,结果,单选框只要选中了就没法取消了,这个还必需要求可以取消,
搜索单选框是否可以取消选择的问题,竟然都没有找到,有人提议反过来想,把多选做成单选格式,这样选中还可以取消。代码参考如下:

<Script Language="JScript">
    function checkedThis(obj){
       var boxArray = document.getElementsByName('test');
       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>
<input type="checkbox" name="test" onclick="checkedThis(this);">1
<input type="checkbox" name="test" onclick="checkedThis(this);">2
<input type="checkbox" name="test" onclick="checkedThis(this);">3
<input type="checkbox" name="test" onclick="checkedThis(this);">4
<input type="checkbox" name="test" onclick="checkedThis(this);">5
分享到:
评论

相关推荐

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

    如果我们想要取消某个复选框的选中状态,可以使用: ```javascript $("#chk1").attr("checked", ""); ``` 如果我们想要选中某个复选框,可以使用: ```javascript $("#chk2").attr("checked", true); ``` 为了...

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

    2. **CheckBoxList控件**:CheckBoxList控件则用于展示一系列的复选框,每个复选框代表一个选项,用户可以多选。在需要用户选择多个选项的场景中,CheckBoxList非常实用。 3. **结合使用**:为了实现多选下拉框的...

    JavaScript判断表单提交时哪个radio按钮被选中的方法

    这个方法的实用性非常高,因为它不仅限于判断单选按钮,类似的方法也可以用来判断表单中其他类型的输入元素,比如复选框(checkboxes)、下拉列表(select menus)等。重要的是,需要确保这些元素都有一个共同的名称...

    107个常用javascript语句

    31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE) 32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length ...

    Element UI框架中巧用树选择器的实现

    `:data`属性绑定的是包含树节点的数据,`node-key`用于标识每个节点的唯一ID,`show-checkbox`属性开启复选框模式,`@check`事件监听节点的选中状态变化,`default-checked-keys`则用来设置默认选中的节点。...

    2021-2022计算机二级等级考试试题及答案No.11959.docx

    - **知识点说明**:单选按钮和复选框的Value属性通常用于指示其当前的状态(选中或未选中),而不仅仅是True或False这样的布尔值。 ### 正确答案:正确 ### 8. Word中的日期和时间插入 - **知识点说明**:在Word...

    web前端常用单词.docx

    * Checked: 选中,用于设置单选框或复选框的默认选择状态。 * Selected: 默认选择项,用于设置下拉选择框的默认选择项。 * Required: 必填项,用于设置输入框的必填项状态。 * Readonly: 只读,用于设置输入框的只读...

    html入门到放弃笔记

    也称为 "双标记" , 必须成对出现 语法:&lt;标记&gt;内容标记&gt; Demo : 1、创建 p 标记 --&lt;p&gt;...&lt;/p&gt; 2、创建 div 标记 -- &lt;div&gt;&lt;/div&gt; 3、创建 header 标记 -- &lt;header&gt;&lt;/header&gt; 2、非封闭类型的标记 ...

Global site tag (gtag.js) - Google Analytics