精华内容
下载资源
问答
  • 单选框选项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);

    });

    }

    展开全文
  • 一般情况下 radio 单选框只能实现多选一的效果,但是一旦选择其中一个后,这个单选框就不可点击取消选中状态了,这种功能在某些业务环境下并不适用,有时我们既需要单选框的多选一效果,也需要复选框的可点击取消...

    一般情况下 radio 单选框只能实现多选一的效果,但是一旦选择其中一个后,这个单选框就不可点击取消其选中状态了,这种功能在某些业务环境下并不适用,有时我们既需要单选框的多选一效果,也需要复选框的可点击取消效果。为此本文提供一种 JQuery 写法。

    /*

    1. 取消与当前控件name 相同的所有控件的选中状态

    2. 选中当前控件

    3. 如果当前控件在点击前是选中状态,则点击后取消其选中状态

    */

    $("input:radio").click(function(){

    var domName = $(this).attr('name');//获取当前单选框控件name 属性值

    var checkedState = $(this).attr('checked');//记录当前选中状态

    $("input:radio[name='" + domName + "']").attr('checked',false);//1.

    $(this).attr('checked',true);//2.

    if(checkedState == 'checked'){

    $(this).attr('checked',false); //3.

    }

    });这里把 radio 换成 checkbox 也能得到同样效果。

    在前文所设的需求下,我们只需要取到 0 个或 1 个值,因此为取值方便考虑,本文推荐使用 radio 。

    End .

    版权声明:本文为博主原创文章,未经博主允许不得转载。

    原文:http://blog.csdn.net/u011704894/article/details/46877869

    展开全文
  • 一般情况下 radio 单选框只能实现多选一的效果,但是一旦选择其中一个后,这个单选框就不可点击取消选中状态了,这种功能在某些业务环境下并不适用,有时我们既需要单选框的多选一效果,也需要复选框的可点击取消...

    一般情况下 radio 单选框只能实现多选一的效果,但是一旦选择其中一个后,这个单选框就不可点击取消其选中状态了,这种功能在某些业务环境下并不适用,有时我们既需要单选框的多选一效果,也需要复选框的可点击取消效果。为此本文提供一种 JQuery 写法。

    /*

    1. 取消与当前控件name 相同的所有控件的选中状态

    2. 选中当前控件

    3. 如果当前控件在点击前是选中状态,则点击后取消其选中状态

    */

    $("input:radio").click(function(){

    var domName = $(this).attr('name');//获取当前单选框控件name 属性值

    var checkedState = $(this).attr('checked');//记录当前选中状态

    $("input:radio[name='" + domName + "']").attr('checked',false);//1.

    $(this).attr('checked',true);//2.

    if(checkedState == 'checked'){

    $(this).attr('checked',false); //3.

    }

    });这里把 radio 换成 checkbox 也能得到同样效果。

    在前文所设的需求下,我们只需要取到 0 个或 1 个值,因此为取值方便考虑,本文推荐使用 radio 。

    End .

    展开全文
  • js 单选框点击选中取消

    千次阅读 2018-04-24 13:50:50
    首先是html代码,一个单选框 一个 隐藏域,便于给后台传递数据. <input type="checkbox" calss="span4" name="randomPassword" id="randomPassword" value="...
    首先是html代码,一个单选框 一个 隐藏域,便于给后台传递数据.
    <input type="checkbox" calss="span4"  name="randomPassword" id="randomPassword"  value="" οnclick="changeBox(this)"/>
    <input type="hidden" name="isRandomPassword" id="isRandomPassword" value=""/>
    接下来是 js代码.
            /**
    	*单选框点击事件
    	*/
    	function changeBox(obj) {
    		var box= $(obj);
    		if(obj.checked == true) {
    			box.parent().parent().next().val("Y");
    			box.parent("span").addClass("checked");
    		} else {
    			box.parent("span").removeClass("checked");
    			box.parent().parent().next().val("N");		
                    }
    	}
    
    $(function(){
    		var randomPasswordBox= $("#randomPassword");
    		var randomPasswordBoxClients = randomPasswordBox.val();
    		if(randomPasswordBoxClients == 'Y') {
    			randomPasswordBox.parent("span").addClass("checked");
    			randomPasswordBox.attr("checked",true);
    		}else {
    			$("#randomPassword").val("N");
    			$("#isRandomPassword").val("N");
    		}
    	})


    展开全文
  • 单选框radio点击选中、取消选中

    万次阅读 2016-09-27 22:22:48
    单选框radio点击选中、取消选中
  • 如何在Word的每组单选框取消选中状态?请教高手: 在Word中,将单选框分组后,能够实现每单选框里仅有一个被选中,点击需要取消状态的单选按钮-单击鼠标右键-“属性” 在打开的“属性”对话框中,找到Value(倒数第三项)...
  • 单选框单击取消选中

    2014-02-13 14:51:00
    单选框,选中之后是无法取消选择的,必然有选中项。 如果为必填项,不会存在问题,实际情况是:有可能是非必填项,现在想取消选择。...3.单击选中的单选框取消选中。 想当然的代码 $("input[type='radio']"...
  • vue中radio单选框单击取消选中状态

    千次阅读 2020-05-14 21:36:33
    最近在项目实现一个问卷调研的功能,发现正常情况下,多选框是可以单击取消选中状态的,单选框就不行,单选框选中了就不能再取消,刚开始自己不知道怎么解决,然后自己百度了下,果然还是有大神解决了。 1、问题...
  • 再次单击该单选框取消选中,关闭相应的图层。 主要代码如下: <input type="radio" :checked="isChecked" @change="retainRecord" @click="showlayer"/> 仿真结果 <script> data() { return { ...
  • js单选框选中后如何取消选中

    千次阅读 2016-08-09 14:22:55
    测试
  • 单选框  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=...
  • //单选按钮再次点击取消选中效果js $("input[type='radio']").on('click', function() { if ($(this).data('ischecked') == true) { $(this).prop('checked', false); $(this).data('ischecked', false); } ...
  • 我们为radio添加一个点击事件,当radio点击以后判断如果data-* 属性值为true,说明这个radio之前是被选中的,则点击以后应该取消选中,若想取消选中,则我们要为radio移除checked属性并将data-* 属性的值改为false,...
  • 普通情况下 radio 单选框仅仅能实现多选一的效果,可是一旦选择当中一个后,这个单选框就不可点击取消选中状态了。这样的功能在某些业务环境下并不适用。有时我们既须要单选框的多选一效果。也须要复选框的可点击...
  • jzwz.onclick = function () { ipt.checked = false } // 请问怎么才能用js点击说明文字的时候让input单选框实现选中取消,再次点击取消怎么实现呢
  • 单选框radiobutton的选中取消

    千次阅读 2019-09-19 16:25:07
    单选框radiobutton不同于复选框checkbox,一旦被点击,就总有一个会被选中,不能取消。这时就要借助于万能的JS了。 思路: radiobutton组中,每个radiobutton都有一个value,这是个开关值。当被点击时,其值切换成另...
  • js设置单选框选中取消

    万次阅读 2018-05-18 17:44:18
    <script src="js/jquery-1.8.2.js"> ;height: 20px;padding-left: 5%;"> 测试 <input type="checkbox" id="testCheckbox"> ;width: 100px;">测试 <script type="text/javascript"> (function(){ $(...
  • 一般来说渲染后台返回的数据是不会带有判断是否选中的属性 所以第一步可以在获取接口数据的同时给每一个对象添加一个可判断是否选的字段select,这里我定义select为false时是选中 ...然后给每一个单选框添加click事件
  • 取消选中单选框radio,第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的,大家可以看看下面的示例
  • js/jq - 取消选中单选框radio

    千次阅读 2018-08-09 09:47:23
    &lt;!...单选按钮取消选中的三种方式&lt;/title&gt; &lt;script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"&
  • 废话不多说来看原图: 当点击全选按钮的时候,项目复选框全高亮,反之...绑定点击事件,for循环遍历所有单选框, 遍历的数组集通过改变属性值的布尔值来显示高亮效果。 反选按钮需要做一个有效的判断来确定...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 10,226
精华内容 4,090
关键字:

js单选框点击取消选中