Javascript JQuery函数声明和重用
我有以下jQuery代码Javascript JQuery函数声明和重用,javascript,jquery,Javascript,Jquery,我有以下jQuery代码 $('#rta_ad_yes').click(function(){ $('#rta_ad_pref, #rta_ad_psn').prop('disabled', false); $('#div_ad_pref, #div_ad_psn').addClass('has-warning'); }); $('#rta_fp_yes').click(function(){ $('#rta_ad_fpref, #rta_ad_fpsn').prop(
$('#rta_ad_yes').click(function(){
$('#rta_ad_pref, #rta_ad_psn').prop('disabled', false);
$('#div_ad_pref, #div_ad_psn').addClass('has-warning');
});
$('#rta_fp_yes').click(function(){
$('#rta_ad_fpref, #rta_ad_fpsn').prop('disabled', true);
$('#div_ad_fpref, #div_ad_fpsn').addClass('has-warning');
});
如果你看上面的代码,我似乎在做同样的编码来获得同样的结果<代码>$('rta_ad_yes')和$('rta_fp_yes')
在两个不同的页面中
很抱歉没有提到我的问题,我如何声明和调用该函数来提供参数,而不是一次又一次地键入整件事。。我不知道如何在jquery中声明函数和重用它,jquery不是很好
试一试
试一试
试一试
我相信你想把它抽象成一个函数
var disableAndWarn = function (config) {
$("#" + config.id1 + ', ' + "#" + config.id2).attr('disabled', 'disabled');
$("#" + config.id3 + ', ' + "#" + config.id4).addClass('has-warning');
}
这是一个
编辑:将您的
.prop('disabled',true)
更改为.attr('disabled','disabled')
,因为我相信这正是您想要的。我相信您想在函数中抽象它
var disableAndWarn = function (config) {
$("#" + config.id1 + ', ' + "#" + config.id2).attr('disabled', 'disabled');
$("#" + config.id3 + ', ' + "#" + config.id4).addClass('has-warning');
}
这是一个
编辑:将您的
.prop('disabled',true)
更改为.attr('disabled','disabled')
,因为我相信这正是您想要的。我相信您想在函数中抽象它
var disableAndWarn = function (config) {
$("#" + config.id1 + ', ' + "#" + config.id2).attr('disabled', 'disabled');
$("#" + config.id3 + ', ' + "#" + config.id4).addClass('has-warning');
}
这是一个
编辑:将您的
.prop('disabled',true)
更改为.attr('disabled','disabled')
,因为我相信这正是您想要的。我相信您想在函数中抽象它
var disableAndWarn = function (config) {
$("#" + config.id1 + ', ' + "#" + config.id2).attr('disabled', 'disabled');
$("#" + config.id3 + ', ' + "#" + config.id4).addClass('has-warning');
}
这是一个
编辑:将您的
.prop('disabled',true)
更改为.attr('disabled','disabled')
,因为我相信这正是您想要的。您可以尝试以下代码
function isEmpty (test_obj, element){
if(!test_obj.val().length > 0){
element.addClass('has-warning');
return false;
}else{
element.removeClass('has-warning');
return true;
}
};
然后像下面那样重复使用
var x = isEmpty($('#rta_cl_fn'), $('#div_cl_fn'));
希望对您有所帮助您可以尝试以下代码
function isEmpty (test_obj, element){
if(!test_obj.val().length > 0){
element.addClass('has-warning');
return false;
}else{
element.removeClass('has-warning');
return true;
}
};
然后像下面那样重复使用
var x = isEmpty($('#rta_cl_fn'), $('#div_cl_fn'));
希望对您有所帮助您可以尝试以下代码
function isEmpty (test_obj, element){
if(!test_obj.val().length > 0){
element.addClass('has-warning');
return false;
}else{
element.removeClass('has-warning');
return true;
}
};
然后像下面那样重复使用
var x = isEmpty($('#rta_cl_fn'), $('#div_cl_fn'));
希望对您有所帮助您可以尝试以下代码
function isEmpty (test_obj, element){
if(!test_obj.val().length > 0){
element.addClass('has-warning');
return false;
}else{
element.removeClass('has-warning');
return true;
}
};
然后像下面那样重复使用
var x = isEmpty($('#rta_cl_fn'), $('#div_cl_fn'));
希望这有所帮助那么问题是什么?将代码放在
.js
文件中,以便可以重复使用。看起来是这样,但事实并非如此(您使用的选择器不同,例如#rta_ad_pref
与#rta_ad_fpref
)。您仍然可以通过一个包含三个选择器(哦,还有一个布尔值)的函数将其共同化。那么问题是什么呢?将代码放在.js
文件中,以便可以重复使用。看起来是这样,但事实并非如此(您使用的选择器不同,例如#rta_ad_pref
与#rta_ad_fpref
)。您仍然可以通过一个包含三个选择器(哦,还有一个布尔值)的函数将其共同化。那么问题是什么呢?将代码放在.js
文件中,以便可以重复使用。看起来是这样,但事实并非如此(您使用的选择器不同,例如#rta_ad_pref
与#rta_ad_fpref
)。您仍然可以通过一个包含三个选择器(哦,还有一个布尔值)的函数将其共同化。那么问题是什么呢?将代码放在.js
文件中,以便可以重复使用。看起来是这样,但事实并非如此(您使用的选择器不同,例如#rta_ad_pref
与#rta_ad_fpref
)。您仍然可以通过一个包含三个选择器(哦,还有一个布尔值)的函数将其共同化。这仍然不能处理传递给prop()
的不同布尔值。这是可重用的吗?我的意思是,我在一个页面上没有100个这样的文本框。我只是想知道我是否可以拥有这些代码,这样我就可以重用它们it@UsmanSharifAmjadKhan这取决于您的html是什么以及id结构是什么。ad=事故详情fp=第一party@TusharGupta不知道HTML和结构是什么意思,但它是一个简单的问题,它声明了一个函数,比如在java PHP C++语言中声明函数。一些参数,并通过提供不同的参数值对其进行重用。。这么简单吗?这仍然不能处理传递给prop()
的不同布尔值。这是可重用的吗?我的意思是,我在一个页面上没有100个文本框。我只是想知道我是否可以拥有这些代码,这样我就可以重用它们it@UsmanSharifAmjadKhan这取决于您的html是什么以及id结构是什么。ad=事故详情fp=第一party@TusharGupta不知道HTML和结构是什么意思,但它是一个简单的问题,它声明了一个函数,比如在java PHP C++语言中声明函数。一些参数,并通过提供不同的参数值对其进行重用。。这么简单吗?这仍然不能处理传递给prop()
的不同布尔值。这是可重用的吗?我的意思是,我在一个页面上没有100个文本框。我只是想知道我是否可以拥有这些代码,这样我就可以重用它们it@UsmanSharifAmjadKhan这取决于您的html是什么以及id结构是什么。ad=事故详情fp=第一party@TusharGupta不知道HTML和结构是什么意思,但它是一个简单的问题,它声明了一个函数,比如在java PHP C++语言中声明函数。一些参数,并通过提供不同的参数值对其进行重用。。这么简单吗?这仍然不能处理传递给prop()
的不同布尔值。这是可重用的吗?我的意思是,我在一个页面上没有100个文本框。我只是想知道我是否可以拥有这些代码,这样我就可以重用它们it@UsmanSharifAmjadKhan这取决于您的html是什么以及id结构是什么。ad=事故详情fp=第一party@TusharGupta不知道HTML和结构是什么意思,但它是一个简单的问题,它声明了一个函数,比如在java PHP C++语言中声明函数。一些参数,并通过提供不同的参数值对其进行重用。。这够简单吗