`
xudongcsharp
  • 浏览: 477116 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JS实现checkbox单选

 
阅读更多
<html>
<BODY>     
<input type="checkbox" name="cbox" value="cbox1" onClick="chooseOne(this);">checkBox1     
<input type="checkbox" name="cbox" value="cbox2" onClick="chooseOne(this);">checkBox2     
<input type="checkbox" name="cbox" value="cbox3" onClick="chooseOne(this);">checkBox3     
<input type="checkbox" name="cbox" value="cbox4" onClick="chooseOne(this);">checkBox4     
</BODY>
</html>  
 
<script>     
     //chooseOne()函式   
    function chooseOne(cb){     
        //先取得同name的chekcBox的集合物件     
        var obj = document.getElementsByName("cbox");     
        for (i=0; i<obj.length; i++){     
            //判斷obj集合中的i元素是否為cb，若否則表示未被點選     
            if (obj[i]!=cb) obj[i].checked = false;     
            //若是 但原先未被勾選 則變成勾選；反之 則變為未勾選     
            //else  obj[i].checked = cb.checked;     
            //若要至少勾選一個的話，則把上面那行else拿掉，換用下面那行     
            else obj[i].checked = true;     
        }     
    }     
</script>
分享到：
| javaweb获取表单参数
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js实现checkbox单选

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

    .net 后台实现 checkboxlist 单选

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

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

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

    CheckBoxList实现单选 C#（WEB）

    本篇将详细介绍如何在C#环境下，针对ASP.NET Web Forms应用，实现CheckBoxList控件的单选效果。 首先，我们需要理解CheckBoxList的基本结构。CheckBoxList控件是基于HTML的多选框列表，每个选项由一个CheckBox控件...

    html 复选框实现单选功能

    用checkbox实现的单选功能，很简单的js代码。

    JS实现checkbox互斥(单选)功能示例

    本文实例讲述了JS实现checkbox互斥(单选)功能。分享给大家供大家参考，具体如下： &lt;html xmlns=http://www.w3.org/1999/xhtml &gt; &lt;head&gt; &lt;title&gt;www.jb51.net CheckBox单选&lt;/title&gt; ...

    checkbox单选复选按钮美化代码.zip

    "Checkbox单选复选按钮美化代码.zip" 提供了一种使用CSS3技术来提升这些元素视觉吸引力的方法。下面我们将详细探讨这一主题。 CSS3是层叠样式表的最新版本，它引入了许多新特性，如选择器、边框和背景图像、过渡、...

    checkboxlist单选功能

    为了实现`CheckboxList`的单选功能，可以通过JavaScript来控制复选框的状态。下面是一段示例代码： ```javascript function CheckSelect() { var tb = document.getElementById("chklistroomtype"); for (var i =...

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

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

    gridview编辑删除，checkbox单选全选

    在本主题中，“gridview编辑删除，checkbox单选全选”指的是如何在GridView控件中实现行数据的编辑、删除功能，以及在每一行中添加复选框（Checkbox）进行单选或全选操作。以下将详细讲解这些知识点。 1. GridView...

    Asp.net 中使用GridView控件实现Checkbox单选

    以上所述是小编给大家介绍的Asp.net 中使用GridView控件实现Checkbox单选，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！

    checkbox单选多选

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

    css3制作checkbox单选按钮美化代码.zip

    本压缩包“css3制作checkbox单选按钮美化代码”聚焦于如何利用CSS3技术对传统的HTML复选框（checkbox）和单选按钮（radio button）进行美化，提升用户体验。 复选框与单选按钮是网页交互中常见的元素，它们通常用于...

    javascript checkbox radiobutton 的全选单选

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

    纯css3制作checkbox单选按钮美化样式特效源码.zip

    描述与标题相同，"纯css3制作checkbox单选按钮美化样式特效源码.zip"，进一步确认了这个压缩包的内容——它是一个关于如何使用CSS3来改进和增强HTML checkbox元素视觉效果的实例代码。这可能是为前端开发者提供的一...

    jquery.checkbox 单选框多选框美化插件.zip

    jQuery作为一款强大的JavaScript库，提供了丰富的插件来美化这些元素，"jquery.checkbox"就是其中的一款，专为单选框和多选框提供美化功能。 该插件主要由以下部分组成： 1. **index.html**：这是示例页面，包含了...

Magicbox
Global site tag (gtag.js) - Google Analytics