jQuery实现radio第一次点击选中第二次点击取消功能(转)

转载自:http://www.jb51.net/article/113730.htm

由于项目的需求,要求radio点击两次后为取消状态,不方便修改为checkbox,可以用正面的方法实现。

// jquery
  $(‘input:radio‘).click(function(){
    //alert(this.checked);
    //
    var $radio = $(this);
    // if this was previously checked
    if ($radio.data(‘waschecked‘) == true){
      $radio.prop(‘checked‘, false);
      $radio.data(‘waschecked‘, false);
    } else {
      $radio.prop(‘checked‘, true);
      $radio.data(‘waschecked‘, true);
    }
  });
时间: 2024-08-02 11:04:01

jQuery实现radio第一次点击选中第二次点击取消功能(转)的相关文章

radio 实现点击两次 第一次点击选中第二次点击取消

由于项目的需求,要求radio点击两次后为取消状态,不方便修改为checkbox,可以用正面的方法实现. // jquery $('input:radio').click(function(){ //alert(this.checked); // var $radio = $(this); // if this was previously checked if ($radio.data('waschecked') == true){ $radio.prop('checked', false);

checkbox点击选中,再点击取消,并显示在文本框中

function checkItem(e,itemId) { var item = document.getElementById(itemId); var $items = $(item); if (e.checked) { var checkval = $items.val(); var str = $("#txtFilePath").val() + checkval; $("#txtFilePath").val(str); } else { var a = &

jquery操作radio(单选按钮):动态选中、取值

jquery确实要比js用起来方便多了,尤其是在操作网页里的表单项方面,这章站长和大家分享用Jquery操作单选按钮radio,实现动态选中某个单选按钮和读取选中的单选按钮的值的方法, 本文来自天使建站 www.angelweb.cn 先来看一个实例及代码: <script> $(":radio[name='angelasp'][value='angel']").attr("checked","true"); </script&

jquery checkbox点击选中,再点击取消选中

if(n==1){ if($("#abs1").is(':checked')){ $("#abs1").prop("checked",false); }else{ $("#abs1").prop("checked",true); show("abs1"); }

jquery点击选中,再次点击取消选中

if(!$(this).hasClass("current")){ $(this).addClass("current"); }else{ $(this).removeClass("current"); }

jquery解决input[type=radio]点击选中取消

input[type=radio] 点击选中后,再次点击选中项,默认是不会取消的.用jquery实现点击选中取消的代码: <input type="radio" name="hobby"> 篮球 <input type="radio" name="hobby"> 足球 <input type="radio" name="hobby"> 网球 $(doc

jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例

2015年12月21日 10:52:51 星期一 目标, 点击当前的checbox, 判断点击后当前checkbox是否是选中状态. html: <input type="checkbox" onclick="contracts_checkall()" id="contracts_checkall"> 全选 js: 1 var checkall = $("#contracts_checkall").attr('ch

jQuery中animate动画第二次点击事件没反应

jQuery中animate动画第二次点击事件没反应 用animate做点击翻页动画时发现第二次点击事件动画没反应,而第一次点击有动画效果,代码如下: 复制代码 代码如下: $(".page").stop().animate({top:“-300px”}, 800, 'easeInOutExpo'); 第二次点击事件动画没反应的原因:top是page元素顶部相与其父元素顶部的距离,第一次点击后,page元素顶部已经移动到距其父元素顶部 -300px的位置,第二次点击时的并不是page在

jQuery获取radio选中后的文字

原文链接:http://blog.csdn.net/zhanyouwen/article/details/51393216 jQuery获取radio选中后的文字转载 2016年05月13日 10:32:14 标签:jQuery获取radio选中后的文字 850 HTML 示例如下: [html] view plain copy<input type="radio" id="male" name="sex" value="1&qu