radio点击选中，再次点击取消选中

<!DOCTYPE HTML>
<html>
<head><title>单选按钮取消选中的三种方式</title><script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript">$(function(){$('input:radio').click(function(){//alert(this.checked);
                //

                var domName = $(this).attr('name');var $radio = $(this);// if this was previously checked
                if ($radio.data('waschecked') == true){$radio.prop('checked', false);$("input:radio[name='" + domName + "']").data('waschecked',false);//$radio.data('waschecked', false);
                } else {$radio.prop('checked', true);$("input:radio[name='" + domName + "']").data('waschecked',false);$radio.data('waschecked', true);}});});</script>
</head>
<body>
<p>您喜欢哪款浏览器？</p><form><input style="display:none;" id="hidebrowser" type="radio" name="browser" value=""><input type="radio" name="browser" value="Internet Explorer">Internet Explorer<br /><input type="radio" name="browser" value="Firefox">Firefox<br /><input type="radio" name="browser" value="Netscape">Netscape<br /><input type="radio" name="browser" value="Opera">Opera<br />
</form></body>
</html>

radio点击选中，再次点击取消选中相关推荐

纯html+css实现点击显示再次点击隐藏并且不联动的多个下拉菜单
纯html+css实现点击显示再次点击隐藏不联动的多个下拉菜单实现不联动的下拉菜单核心思想: input<type="checkbox">(复选框) label和in ...
vue实现点击变色再次点击变回来
前言前端开发中有这么一种常见的操作,点击按钮让按钮改变样式,再次点击该按钮让其恢复成默认样式:今天教大家用最简单的方法实现这一操作. 单个div实现效果: 单个div实现思路首先利用 onClic ...
CheckBox选中触发事件和取消选中触发事件
CheckBox(val,row){if(val.includes(row)){//触发选中事件this.$refs.aaa.show(row.code)}else{//触发取消选中事件this.$r ...
vue router-view 匹配路由后，第一次可以点击，再次点击同一个路由无响应，如何处理？
原因可能是data函数没有return 如下: 修改后:问题得以解决
实现radio取消选中的功能
如下图,当有一组radio,如果选中一个后,默认必须选中其中一个,如何才能实现取消选中所有项呢? 最好的操作习惯是再次点击选中项自动取消选中状态,但是默认情况下,点击选中的radio,还是选中状态 ...
案例：全部选中全部取消选中
案例说明: 1.选中全选框,底下的子选择框全部选中. 2.取消选中全选框,底下的子选择框全部取消选中. 3.子选择框全部选中,全选框自动选中,如果有一个子选择框取消选中,则取消全选框选中. . < ...
jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等一.checked属性定义先了解下input标签的checked属性: 1.HTML &l ...
Axure 表格选中和取消选中
如上图所示,我们要做的效果: (1)当勾选某一项时,灰色的复选框变为蓝色,取消勾选时,蓝色变为灰色: (2)当我勾选了一个之后,再勾选下一个,之前的还是要维持选中状态:同理取消选中也是一样的. 设 ...
让 WPF 的 RadioButton 支持再次点击取消选中的功能
让 WPF 的 RadioButton 支持再次点击取消选中的功能目录让 WPF 的 RadioButton 支持再次点击取消选中的功能零.前言一.方法一:后台直接处理二.方法二:提取为自定 ...

radio点击选中，再次点击取消选中

radio点击选中，再次点击取消选中相关推荐

最新文章

热门文章