博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery实现radio按钮在分组状态下点击选中,再次点击取消选中
阅读量:6631 次
发布时间:2019-06-25

本文共 1468 字,大约阅读时间需要 4 分钟。

hot3.png

效果实现共需三个文件:

1、test.html    内容:

    
    
Document    
    
    
    
    
    

    
    
    

2、radioChecked.js     内容

    ;(function($, window, document, undefined){    var MyPlugin = function(obj){        this.$object = obj,        this.className = this.getClass(),        this.elementName = this.getElementName()        //this.options = $.extend({}, this.defaults, opt)    }    MyPlugin.prototype = {        init: function() {            if(this.$object.data('check') == '1'){                $(':radio[name="'+ this.elementName +'"]').each(function(){                    $(this).data('check','1');                });                this.$object.data('check','2');                alert('选中');            }            else if(this.$object.data('check') == '2'){                this.$object.data('check','1');                this.$object.removeAttr('checked');                alert('取消选中');            }        },        getClass: function(){            return this.$object.attr('class');        },        getElementName: function(){            return this.$object.attr('name');        },        setDataAttr: function(){            $('.'+this.className).data('check','1');        }    }        $.fn.radioChecked = function(){        return new MyPlugin(this);    }})(jQuery, window, document);

3、jquery1.8.2.js

转载于:https://my.oschina.net/u/2480675/blog/529726

你可能感兴趣的文章
花花的森林
查看>>
Linux 网络通信之组播
查看>>
poj 3959 Alignment of Code <vector>“字符串”
查看>>
Poshy Tip插件使用
查看>>
matlab练习程序(局部加权线性回归)
查看>>
C++技能百炼之——运动员排序问题
查看>>
用PowerShell的命令行检查文件的校验MD5 SHA1 SHA256
查看>>
C语言程序设计第一作业
查看>>
擦除ImageView的圆形橡皮擦
查看>>
转载--网站数据统计分析中的日志收集原理及其实现
查看>>
51nod 算法马拉松4 B递归(YY)
查看>>
金额与数字转化常用实用几个JS方法
查看>>
Servlet/JSP
查看>>
jquery头像上传剪裁插件cropper的前后台demo
查看>>
(1)PyCharm开发工具安装Flask并创建helloworld程序
查看>>
shell流程控制语句
查看>>
小技巧
查看>>
代码调用t.cn接口生成短址
查看>>
java学习笔记08-switch case语句
查看>>
Android自定义键盘
查看>>