精华内容
下载资源
问答
  • jquery实现 单选框选中取消选中

    千次阅读 2019-08-28 15:44:29
    选中: $(this).prop('checked', true); $(this).data('waschecked', true); 取消选中: $(this).prop('checked', false); $(this).data('waschecked', false);

    选中:

    $(this).prop('checked', true); 
    $(this).data('waschecked', true); 

    取消选中:

    $(this).prop('checked', false); 
    $(this).data('waschecked', false); 

    展开全文
  • 单选框选项a选项b选项c选项dcheckradio.js://参数:obj为当前点击的radio对象functiononClickRadioStyle(obj)...

    html:

    html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    单选框

    选项a

    选项b

    选项c

    选项d

    checkradio.js:

    //参数:obj为当前点击的radio对象

    function onClickRadioStyle(obj){

    var group = $(obj).attr('name');//获取当前点击对象的name,作为组的名称

    if($(obj).attr('flag')==1){//flag为1表示当前选中

    $(obj).attr('flag',0);

    $(obj).removeAttr("checked");

    }else if($(obj).attr('flag')==0){   //flag为0表示当前未选中

    $(obj).attr('flag',1);

    $(obj).attr("checked","checked");

    }

    //将其它未选中的flag置为0

    $("input[name='"+group+"']").not("input[name='"+group+"']:checked").each(function(){

    $(this).attr('flag',0);

    });

    }

    展开全文
  • 关于vue 单选框选中取消解决方案

    千次阅读 2020-11-03 18:15:25
    首先考虑radio是单选框,且vue的v-model赋值速度非常的快,取消选择又不会触发 radio 的 change 事件,使用click事件去单纯的修改值会导致选中值瞬间勾选与取消了勾选。达不到想要的效果,可以考虑这种情形,因为...

    在网上找了很久也没有找到自己想要的解决方案,于是乎自己便想了一个简单粗暴的解决方案。首先考虑radio是单选框,且vue的v-model赋值速度非常的快,取消选择又不会触发 radiochange 事件,使用click事件去单纯的修改值会导致选中值瞬间勾选与取消了勾选。达不到想要的效果,可以考虑这种情形,因为radio的双向绑定,值是瞬间变化的,所以可以用一个 oldValue去保留上一次点击选中的值,这样去勾选时就不会影响到 oldValue ,保留拿到了oldValue值后,用 oldValue 去与现在的点击事件想要选中 / 取消 的值进行比对。话不多说,直接上代码,以 vant-ui为例(PS:其他的我个人认为不是逻辑层的框架代码,这种方案应该也是同理可解的)

    <template>
    	<van-radio-group v-model="radio">
    	  <van-radio :name="item" v-for='(item,index) in list' @click="select(item)">单选框 {{item}}</van-radio>
    	</van-radio-group>
    </template>
    <script>
    export default{
    	name:'xxx',
    	data(){
    		return {
    			list:[1,2,3,4,5],//模拟数据
    			radio:0, // radio双向绑定值 如果想要默认选中,修改初始值就行 ,这里我默认不选中,所以为0
    			oldRadio:0, // 上一次选中的值
    		}
    	},
    	methods:{
    		select(item){
    			if(item == this.oldRadio){
    				// 取消选中 将 radio、oldRadio的值重置为0。oldRadio 重置是为了防止下次点中与新选中的值相同而判断错误
    				this.radio = 0;
    				this.oldRadio = 0;
    			}else{
    				// 选择了新的值,保留此次选择的值,用于下次对比
    				this.oldRadio = item
    			}
    		}
    	}
    }
    </script>
    

    以上为纯手打。大家可自行copy直接运行。

    展开全文
  • 处理单选框选中取消

    千次阅读 2018-05-16 10:22:28
    单选框一般选中后不能取消,如果定义checked是false,要不一直选不中,要不不能取消。我的方法是在单击单选框前添加一个预处理,定义一个鼠标按下事件,获取previousValue值,根据previousValue值判断是选择还是取消...
    单选框一般选中后不能取消,如果定义checked是false,要不一直选不中,要不不能取消。我的方法是在单击单选框前添加一个预处理,定义一个鼠标按下事件,获取previousValue值,根据previousValue值判断是选择还是取消。
    例如:

    单选框
    <input type="radio" id="myRadio"  value="1"  name="myRadio"  >
    定义预处理事件
    document.body.onmousedown = function (event) {
            event = event || window.event;
            var target = event.target || event.srcElement;
            if (target.type === 'radio'&& target.id=="myRadio") {//确定元素
                target.previousValue = target.checked;
            }
        }
    定义点击事件
        document.body.onclick = function (event) {
            event = event || window.event;
            var target = event.target || event.srcElement;
            if (target.type === 'radio' && target.id=="myRadio") {
                if (target.previousValue) {//根据预处理结果 确定选中取消
                    target.checked = false;
                }
            }
        }
    展开全文
  • js设置单选框选中取消

    万次阅读 2018-05-18 17:44:18
    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&...meta htt
  • js单选框选中后如何取消选中

    千次阅读 2016-08-09 14:22:55
    测试
  • 需求:单选框可重复点击选中取消;背景:单选框只可以选中取消需要点击其他单选框。解决方案:单选按钮取消选中$(function(){$('input:radio').click(function(){var domName = $(this).attr('name');var $radio...
  • 单选按钮的选中取消选中,是元素自带的属性checked来实现的一般情况下:$("#updateApplyForSmsNotification[name='applyForSmsNotification']").eq(0).attr('checked','checked');这个方法就可以满足实现将其第一...
  • 单选框验证: class= "col-sm-3" > type= "radio" value= "1" name= "IS_BREAK" /> 是      type= "radio" value= "0" name= "IS_BREAK" checked /> 否 $ ( ' input [ ...
  • 单选框radio点击选中取消选中

    万次阅读 2016-09-27 22:22:48
    单选框radio点击选中取消选中
  • 单选框  type="text/javascript" src="sripts/jquery.js?v=1.3.2">  type="text/javascript" src="sripts/checkradio.js">  type="radio" name="g" id="a" value="00" flag="0" onclick=...
  • 单选框取消选中状态

    2020-11-03 20:06:58
    单选框的原先的样子是 可我们需要一个可点击的方块,那最简单就是使用单选框 需要的代码是: 直接在input的type加上checkbox 但我们不需要选中的效果: 所以我们要把checkbox换成disabled 这样我们的方块就不会有...
  • 进而引出一系列问题,如:1、radio单选框选中了如何取消取消了如何选中;2、当checkbox选中状态发生变化时触发事件;3、操作checkbox复选框,radio单选框如何做出相对应的改变 二、案例解说 直接给你们抛详细...
  • js 单选框点击选中取消

    千次阅读 2018-04-24 13:50:50
    首先是html代码,一个单选框 一个 隐藏域,便于给后台传递数据. &lt;input type="checkbox" calss="span4" name="randomPassword" id="randomPassword" value="...
  • 1、微信小程序 单选框选中之后为什么取消不了?   (此图片来源于网络,如有侵权,请联系删除! ) 这是代码,选中后取消不了 而且还可以选择多个 我实在是弄不明白了 哪位能解决下 我先去吐槽下小程序~ 答: 1,radio-...
  • 单选框单击取消选中

    2014-02-13 14:51:00
    单选框选中之后是无法取消选择的,必然有选中项。 如果为必填项,不会存在问题,实际情况是:有可能是非必填项,现在想取消选择。 客户实际是配置了一项‘未知’来表示无值的情况。 有如下考虑: 1.改为下拉框...
  • 单选框radio单击取消选中

    万次阅读 2019-01-03 15:39:04
    console.log("选中状态:",$(this).prop("checked")); console.log($("input:radio[name='" + domName + "']:checked").val()); }); }); <input type="radio" name="browser" value="AAAA">AAAA ...
  • 单选框radiobutton的选中取消

    千次阅读 2019-09-19 16:25:07
    单选框radiobutton不同于复选框checkbox,一旦被点击,就总有一个会被选中,不能取消。这时就要借助于万能的JS了。 思路: radiobutton组中,每个radiobutton都有一个value,这是个开关值。当被点击时,其值切换成另...
  • 应用背景一个单选选项, 选中显示, 再次点击隐藏....实现方法单选按钮取消选中$(function(){$("#account").hide();$('input:radio').click(function(){var domName = $(this).attr('name');var $radio = $(this);if...
  • vue中radio单选框单击取消选中状态

    千次阅读 2020-05-14 21:36:33
    最近在项目实现一个问卷调研的功能,发现正常情况下,多选框是可以单击取消选中状态的,单选框就不行,单选框选中了就不能再取消,刚开始自己不知道怎么解决,然后自己百度了下,果然还是有大神解决了。 1、问题...
  • 1,radio-group是radio的父级组件,而你的代码wx:for循环了radio-group,所以事实上你的代码是有很多radio-group,而...2,之所以取消不了,是因为radio按钮本身所致,radio按钮本身的特性就是必须保持一个选中。...
  • 一般情况下 radio 单选框只能实现多选一的效果,但是一旦选择其中一个后,这个单选框就不可点击取消选中状态了,这种功能在某些业务环境下并不适用,有时我们既需要单选框的多选一效果,也需要复选框的可点击取消...
  • 如何在Word的每组单选框取消选中状态?请教高手: 在Word中,将单选框分组后,能够实现每单选框里仅有一个被选中,点击需要取消状态的单选按钮...怎么Radiobutton既单选框,多个单选框中必须有一个是选中的,如果你想选...
  • 有一需求:单选框type=radio,实现点击某单选框选中,展示相应的图层。再次单击该单选框,取消选中,关闭相应的图层。 主要代码如下: <input type="radio" :checked="isChecked" @change="retainRecord" @click=...
  • element 单选框 取消选中

    千次阅读 2020-06-05 11:49:48
    <el-radio-group v-model="checked1" > <el-radio label="涉及疏整促工单" @click.native.prevent="radioChange1('涉及疏整促工单')"></el-radio> </el-radio-group>... this....
  • $("input:radio").click(function(){ var domName = $(this).attr...//获取当前单选框控件name 属性值 var checkedState = $(this).attr('checked');//记录当前选中状态 $("input:radio[name='" + domName + "']")....
  • 页面: 苹果 var wxe=$("input[name='aa']:checked").val();  if(typeof(wxe)=="undefined"){ alert("请选择!"); return false; }
  • 单选radio选中后,再次点击需要可以取消选择功能 页面有很组多单选,要实现一个方法就能兼容 话不多说直接上代码 <span v-for="item in radioData" :key="item.value"> <input type="radio" @click=...
  • 我们为radio添加一个点击事件,当radio点击以后判断如果data-* 属性值为true,说明这个radio之前是被选中的,则点击以后应该取消选中,若想取消选中,则我们要为radio移除checked属性并将data-* 属性的值改为false,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,154
精华内容 6,461
关键字:

单选框选中再取消