我有一个在JSFiddle中工作的代码
$('#choice_17_9_1').change(function() {
if ($(this).is(":checked")) {
$('#choice_17_9_2').attr('disabled', true);
$('#label_17_9_2').css('color', '#cccccc');
} else {
$('#choice_17_9_2').attr('disabled', false);
$('#label_17_9_2').css('color', '#000000');
}
});
$('#choice_17_9_2').change(function() {
if ($(this).is(":checked")) {
$('#choice_17_9_1').attr('disabled', true);
$('#label_17_9_1').css('color', '#cccccc');
} else {
$('#choice_17_9_1').attr('disabled', false);
$('#label_17_9_1').css('color', '#000000');
}
});
// second pair
$('#choice_17_9_3').change(function() {
if ($(this).is(":checked")) {
$('#choice_17_9_15').attr('disabled', true);
$('#label_17_9_15').css('color', '#cccccc');
} else {
$('#choice_17_9_15').attr('disabled', false);
$('#label_17_9_15').css('color', '#000000');
}
});
$('#choice_17_9_15').change(function() {
if ($(this).is(":checked")) {
$('#choice_17_9_3').attr('disabled', true);
$('#label_17_9_3').css('color', '#cccccc');
} else {
$('#choice_17_9_3').attr('disabled', false);
$('#label_17_9_3').css('color', '#000000');
}
});
// third pair
$('#choice_17_9_5').change(function() {
if ($(this).is(":checked")) {
$('#choice_17_9_7').attr('disabled', true);
$('#label_17_9_7').css('color', '#cccccc');
} else {
$('#choice_17_9_7').attr('disabled', false);
$('#label_17_9_7').css('color', '#000000');
}
});
$('#choice_17_9_7').change(function() {
if ($(this).is(":checked")) {
$('#choice_17_9_5').attr('disabled', true);
$('#label_17_9_5').css('color', '#cccccc');
} else {
$('#choice_17_9_5').attr('disabled', false);
$('#label_17_9_5').css('color', '#000000');
}
});
我已尝试将其移至我的WordPress网站，但无法正常工作。
上面的代码在通过functions.php文件加载的文件中。
我还使用下面显示的代码通过functions.php文件加载了Jquery 3.2.1：https://wpengine.com/support/including-a-different-jquery-version-in-wordpress/
我不知道是否需要向js文件中的jsfiddle JS窗格之外的内容添加任何内容，或者向HTML添加onload函数...是否缺少某些内容？
我尝试将代码包装在window.onload函数中。并且还尝试将js代码添加到header.php中，而不是加载外部文件。
任何帮助将不胜感激。