ホームページ > 記事 > ウェブフロントエンド > jquery (asp.net jquery)_jquery に基づく画像チェックボックスの 3Z バージョン
jquery (asp.net jquery)_jquery に基づく画像チェックボックスの 3Z バージョン
- WBOYオリジナル
- 2016-05-16 18:29:47998ブラウズ
先上效果图:
html:
复制代码代码如下:
JS:
复制代 代码如下:
( function($){
$.fn.imagecheckbox = function(options) {
var defaults = {
チェックあり: "images/radio.gif"、
チェックなし: "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);
}
});
使用方法:(ハンドルcss一起発行可能)
复制代码代码如下:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。