`

用radio实现checkbox的效果，再次点击后取消选择

 
阅读更多

<form name=”test” method=”POST”>
<input type=”radio” name=”a” value=”1″ onMouseOver=”chk=checked;” onClick=”checked=chk=!chk;”> 1
<input type=”radio” name=”a” value=”2″ onMouseOver=”chk=checked;” onClick=”checked=chk=!chk;”> 2
<input type=”radio” name=”a” value=”3″ onMouseOver=”chk=checked;” onClick=”checked=chk=!chk;”> 3
</form>

分享到：
| SQL 查找重复记录
评论
发表评论

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

相关推荐

    input:checkbox多选框实现单选效果跟radio一样

    然而，有时我们需要实现类似`&lt;input type="radio"&gt;`的单选效果，即用户只能选择一个选项，选择后其他选项将自动取消选中。本问题就是关于如何用 JavaScript（这里使用 jQuery）来改造`checkbox`，使其达到与`radio`...

    微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能

    实现的效果就是： 1.点击全选选中所有商品，再点击全选，取消勾选 2.在选中的同时获取需要的商品id，获取后是以字符串拼接的形式 拼成一个字符串 3.点击删除按钮时删除选中的商品 点击全选 再次点击全选框 wxml...

    vue循环中点击选中再点击取消(单选)的实现

    在这个例子中，`tocomment` 函数接收索引作为参数，如果当前点击的索引与已选中的索引不同，则将当前索引设为选中，否则取消选中。 ```javascript methods: { change() { // 处理评论输入框内容变化 if (this....

    active的三种写法代替radio和checkbox

    标题提到的“active的三种写法代替radio和checkbox”就是一种实现这种效果的方法。下面我们将详细探讨这三种写法。 首先，我们需要理解这些方法的基本思路，即利用HTML的无序列表`&lt;ul&gt;`和列表项`&lt;li&gt;`，结合CSS来...

    button——ios

    - **Sticky Buttons**：这种按钮被按下后会保持激活状态，直到用户再次点击它或触发其他操作来取消它的激活状态。 - **Radio Buttons 和 Checkboxes**：这些是特殊类型的按钮，用于表示多选一或多选多的状态。Radio ...

    javascript200例.doc

    9. **复选框与标签关联**：`&lt;label&gt;`标签的`for`属性可以链接到对应的表单元素，使得点击标签可以选中或取消选中对应的`radio`或`checkbox`。 10. **在文本域中触发事件**：在`&lt;textarea&gt;`的`font`标签内可以添加`...

    jQuery支持删除重新选择表单代码

    实现重新选择功能，可能需要监听用户的操作，例如取消选择后允许再次选择。这可以通过添加事件监听器来实现： ```javascript $('input[type="radio"]').on('change', function() { if (!$(this).is(':checked')) {...

    Bootstrap每天必学之按钮（Button）插件

    这个插件允许开发者轻松地实现按钮的加载状态、切换效果、单选按钮组以及复选按钮组等功能，从而提升用户界面的交互体验。 一、加载状态 在Bootstrap中，可以通过添加`data-loading-text`属性来创建按钮的加载状态...

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