私は自分のサイトで繰り返される機能を持っています
Jクエリ
$(function() {
//check the enabled state on load
if(!$(".notifyOwner").is(':checked')){
$(".ownerDay").attr("disabled", "disabled");
$(".ownerDaytype").attr("disabled", "disabled");
}
//toggle the enabled state when the checkbox is clicked
$(".notifyOwner").click(function() {
if($(this).is(":checked")) {
$(".ownerDay").removeAttr("disabled");
$(".ownerDaytype").removeAttr("disabled");
$(".ownerActive").removeClass("disabled");
} else {
$(".ownerDay").attr("disabled", "disabled");
$(".ownerDaytype").attr("disabled", "disabled");
$(".ownerActive").addClass("disabled");
}
});
});
以下のような再利用可能なコードとして作成しようとしました
function selectToggle(obj, dayclass, daytypeclass, txtactive){
var $event = $(obj);
if(!($event).is(":checked"))
{
$(dayclass).attr("disabled", "disabled");
$(daytypeclass).attr("disabled", "disabled");
}
$event.click(function() {
if($event.is(":checked"))
{
$(dayclass).removeAttr("disabled");
$(daytypeclass).removeAttr("disabled");
$(txtactive).removeClass("disabled");
} else {
$(dayclass).attr("disabled", "disabled");
$(daytypeclass).attr("disabled", "disabled");
$(txtactive).addClass("disabled");
}
});
}
そしてそれを onclick="selectToggle(this,'ownerDay','ownerDaytype','ownerActive')" として呼び出します
しかし、うまくいきません。このスクリプトのどこに間違いがありますか。