`
curtain
  • 浏览: 5237 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

js复选框模拟单选框

阅读更多
<script type="text/javascript" language="javascript">
function check(id){
   var a1 = document.getElementById("aaa");
   var a2 = document.getElementById("bbb");
   if(id==1){
         if(a1.checked){a2.checked =false;}else{a2.checked =true;}
   }else{
         if(a2.checked){a1.checked =false;}else{a1.checked=true;}}
   }
</script>


<body>	
<input type="checkbox" name = "aaa" id = "aaa" onclick="check(1)" checked="true"/>
<input type="checkbox" name = "aaa" id = "bbb" onclick="check(2)"/>
</body>

分享到:
评论

相关推荐

    复选框变单选框

    这通常涉及到对页面元素的动态控制和逻辑处理,确保在用户选择某个复选框时,同一组内的其他复选框自动变为未选状态,从而模拟出单选按钮的效果。 ### 技术实现细节 #### 1. DOM操作 DOM(Document Object Model...

    jQuery单选框和复选框美化代码

    3. **事件处理**:jQuery可以监听单选框和复选框的点击事件,当用户进行选择时,触发相应的JavaScript代码,实现动态效果,如改变相邻元素的显示、提交表单等。 4. **状态管理**:通过jQuery,我们可以轻松地获取或...

    jQuery模拟iphone单选框复选框效果.zip

    在本文中,我们将深入探讨如何使用jQuery来模拟iPhone上的单选框和复选框效果。这个项目中的"jQuery模拟iphone单选框复选框效果.zip"包含了一个简单的示例,其中包括了HTML、CSS图像和JavaScript文件,它们共同作用...

    单选框复选框样式

    为了自定义样式,我们可以隐藏原始的单选框和复选框,使用CSS伪元素来模拟它们的外观: ```css input[type="radio"], input[type="checkbox"] { display: none; } ``` 2. 创建自定义框体: 使用`::before`或`::...

    模拟单选和复选框

    本教程将详细讲解如何通过自定义图片和JavaScript技术来实现模拟的单选和复选框,同时确保在主流浏览器中的兼容性。 一、自定义图片与样式 传统的HTML单选和复选框样式受限,通常只提供基本的圆形或方形外观。为了...

    浏览器如何自动填写网页下拉列表框、单选框和复选框

    本文主要讲解了如何在木头浏览器中实现对网页下拉列表、单选框和复选框的自动填写。 首先,针对网页下拉列表的自动填写,有四种实现方法。第一种方法是通过设置`value`属性,例如,若要选择“河南省”,找到其对应...

    checked.css-超酷CSS3复选框和单选按钮点击动画库

    在网页设计中,复选框(checkbox)和单选按钮(radio button)是不可或缺的交互元素,它们通常用于收集用户的选择信息。然而,这些基础元素的默认样式往往较为单一,无法满足现代网页设计追求的美观与交互体验。此时...

    支持ie8单选框与复选框自定义样式制作

    在网页设计中,单选框(Radio Button)和复选框(Checkbox)是常见的表单元素,用于收集用户的选择信息。然而,这些元素在默认情况下,其样式受限于浏览器的控制,导致在不同浏览器下的显示效果可能不统一,特别是在...

    用JQuery和CSS实现的iPhone风格的单选框和复选框,效果逼真流畅

    本项目正是关于如何使用jQuery和CSS技术来创建逼真的iPhone风格的单选框和复选框,使得网页上的交互更加贴近iOS系统的原生感觉。通过这种方式,即使在非iOS设备上,用户也能感受到接近于iPhone的使用体验。 首先,...

    jQuery单选复选框样式美化

    由于原生的单选和复选框在浏览器中的表现形式受限,我们通常会使用CSS的`display`属性隐藏原生元素,然后创建一组自定义的图形元素(如`&lt;span&gt;`或`&lt;div&gt;`)来模拟按钮的视觉效果。通过监听事件,当单选或复选框的...

    CSS3实现自定义复选框.zip

    标签"JS特效-选项卡TAB"可能暗示了这个项目中可能还包含了JavaScript的交互效果,例如,通过JavaScript监听复选框或单选按钮的状态变化,动态更新页面内容或执行其他操作。例如: ```javascript document....

    复选框插件

    复选框插件是一种在网页或应用程序中广泛使用的交互元素,它允许用户对多个选项进行选择,而不仅仅是二选一的单选按钮。在UI设计和前端开发领域,复选框的样式优化对于提升用户体验至关重要。这个特定的复选框插件...

    iPhone风格的单选框和复选框.zip

    这个"iPhone风格的单选框和复选框"项目,通过JavaScript(JS)实现,提供了类似iPhone原生UI风格的控件效果,适用于网页应用。以下是关于这个项目的详细知识点: 1. **HTML基础**: - `index.html` 文件是网页的...

    纯CSS3 Material Design风格单选框和复选框特效.zip

    这个名为"纯CSS3 Material Design风格单选框和复选框特效.zip"的资源包,显然专注于利用CSS3技术实现Material Design风格的单选框(radio button)和复选框(checkbox)的交互效果。以下将详细介绍这一主题的相关...

    js和CSS3复选框美化特效

    在网页设计中,用户体验往往受到细节的极大影响,其中复选框和单选按钮作为常见的交互元素,其外观和交互效果对于提升网站的整体质感至关重要。"js和CSS3复选框美化特效"就是一个旨在改进这些小元素视觉效果的实践...

    css3复选框收音机效果.zip

    "css3复选框收音机效果"是一个利用CSS3技术实现的复选框样式,它将传统的单选按钮(Radio Button)设计成收音机按键的模样,既美观又直观。这一效果主要通过改变复选框的伪元素(如`:before`和`:after`)和使用CSS3...

    带复选框的树形菜单-

    与单选按钮不同,复选框可以让用户同时选择多个选项。在树形菜单中,复选框与节点关联,用户可以通过勾选复选框来选择或取消选择对应的节点及其子节点。 三、无限层级(Infinite Levels) 在"带复选框的树形菜单"中...

    jQuery自定义单选按钮复选框代码.zip

    - 事件触发:jQuery的`$(selector).trigger('event')`方法可以手动触发事件,比如在页面加载后模拟用户点击行为,使复选框或单选按钮默认选中。 - 动态响应:通过监听`change`事件,我们可以实现在用户改变选项时...

    基于jquery的iPhone风格的单选框和复选框.zip

    例如,当用户触碰单选框或复选框时,可能会有一个动画效果,模拟iPhone上滑动选择的触感。此外,代码可能还涉及到`addClass()`和`removeClass()`方法来切换表示选中状态的类,以及`val()`方法来获取或设置选中的值。...

    纯css3实现效果超级炫的checkbox复选框和radio单选框

    这篇文章讲述的是如何仅使用CSS3技术来创建视觉上吸引人的复选框(checkbox)和单选按钮(radio)。以下是通过文章内容提炼出的知识点: 1. CSS3实现复选框和单选按钮:复选框和单选按钮是表单元素中用来允许用户在...

Global site tag (gtag.js) - Google Analytics