>웹 프론트엔드 >JS 튜토리얼 >jquery(asp.net jquery)_jquery를 기반으로 한 이미지 확인란의 3Z 버전

jquery(asp.net jquery)_jquery를 기반으로 한 이미지 확인란의 3Z 버전

WBOY
WBOY원래의
2016-05-16 18:29:471014검색

先上效果图:
jquery(asp.net jquery)_jquery를 기반으로 한 이미지 확인란의 3Z 버전

html:

复system代码 代码如下:


01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33


JS:
复主代码 代码如下:

( function($){
$.fn.imagecheckbox = function(options) {
var defaults = {
checked: "images/radio.gif",
unchecked: "no_images/radio.gif ",
css: "on",
hide_radios_checkboxes: false
};
var opt = $.extend(defaults, options);
this.each(function(){
var obj = $(this);
var type = obj.attr('type');
var id = obj.attr('id')
if(!opt.hide_radios_checkboxes)
obj.css('display','none');
}
if(obj.attr('checked')){
$("label[for='" id "' ]").attr('class',opt.css);
}else{
$("label[for='" id "']").attr('class','out') ;
}
$("label[for='" id "']").click(function(){
$("#" id).trigger("click");
if($(this).attr('class') == opt.css){
$(this).attr('class', 'out')
}else {
$ (this).attr('class', opt.css);
}
})
})(jQuery);


使用方式:(把css一起发 Out来)


复主代码 代码如下:




성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.