Javascript 相当简单的JQuery输入选择位置问题
我在将jqueryjavascript代码应用于它应该应用的selectbox元素时遇到了问题。发生的情况是,选择框没有遵循javascript代码中指定的操作。它们只是保持禁用和选中状态,请参见下面的代码,而不是根据第一个复选框的选择进行更改 我认为如何在javascript代码中指定选择框的位置是一个问题,但我不知道如何解决它。再说一次,我也可能错了 如果您对此有任何见解或可以更正代码,请执行!干杯 HTML: 更新和解决方案: 为代码$'International'干杯。liveclick,函数{,它更正了JQuery代码无法运行的错误。显然,如果您从远程文件导入代码,您必须在代码中包含活动部分 再次感谢约翰Javascript 相当简单的JQuery输入选择位置问题,javascript,jquery,html,Javascript,Jquery,Html,我在将jqueryjavascript代码应用于它应该应用的selectbox元素时遇到了问题。发生的情况是,选择框没有遵循javascript代码中指定的操作。它们只是保持禁用和选中状态,请参见下面的代码,而不是根据第一个复选框的选择进行更改 我认为如何在javascript代码中指定选择框的位置是一个问题,但我不知道如何解决它。再说一次,我也可能错了 如果您对此有任何见解或可以更正代码,请执行!干杯 HTML: 更新和解决方案: 为代码$'International'干杯。liveclick
$('#International').live("click",function() {
var paramChangeBoxes = $('input:checkbox');
if ($(this).is(':checked')) {
$('#Americas').attr('checked', 'checked');
$('#Americas').attr('disabled', 'disabled');
$('#Europe').attr('checked', 'checked');
$('#Europe').attr('disabled', 'disabled');
$('#Asia').attr('checked', 'checked');
$('#Asia').attr('disabled', 'disabled');
}
else {
paramChangeBoxes.removeAttr('disabled');
$('#Americas').removeAttr('disabled');
$('#Europe').removeAttr('disabled');
$('#Asia').removeAttr('disabled');
}
});
对于页面加载后的动态内容包含和元素dom创建,请使用live。
祝您有愉快的一天以下代码有很多收紧的空间,但它是有效的:
$('#International').click(function() {
var paramChangeBoxes = $('input:checkbox');
if ($(this).is(':checked')) {
if (!$('#Americas').is(':checked')) {
$('#Americas').click();
}
$('#Americas').attr('disabled', 'disabled');
if (!$('#Europe').is(':checked')) {
$('#Europe').click();
}
$('#Europe').attr('disabled', 'disabled');
if (!$('#Asia').is(':checked')) {
$('#Asia').click();
}
$('#Asia').attr('disabled', 'disabled');
} else {
paramChangeBoxes.removeAttr('disabled');
$('#Americas').removeAttr('disabled');
$('#Europe').removeAttr('disabled');
$('#Asia').removeAttr('disabled');
}
});
可能是.attr'disabled',false?您未正确设置checked boolean属性。请使用checked而不是checked=yes。-您的代码工作正常?您能否确认jQuery正在工作?您正在从远程文件导入jQuery?请尝试更改$'International'。单击函数{更改为>$'International'。单击函数,单击函数{我给出了答案,祝你有个愉快的一天哇-谢谢!我把你的答案和约翰的第一行代码结合起来,包括实时编码,现在它就像一台润滑良好的机器一样工作!
$('#International').live("click",function() {
var paramChangeBoxes = $('input:checkbox');
if ($(this).is(':checked')) {
$('#Americas').attr('checked', 'checked');
$('#Americas').attr('disabled', 'disabled');
$('#Europe').attr('checked', 'checked');
$('#Europe').attr('disabled', 'disabled');
$('#Asia').attr('checked', 'checked');
$('#Asia').attr('disabled', 'disabled');
}
else {
paramChangeBoxes.removeAttr('disabled');
$('#Americas').removeAttr('disabled');
$('#Europe').removeAttr('disabled');
$('#Asia').removeAttr('disabled');
}
});
$('#International').click(function() {
var paramChangeBoxes = $('input:checkbox');
if ($(this).is(':checked')) {
if (!$('#Americas').is(':checked')) {
$('#Americas').click();
}
$('#Americas').attr('disabled', 'disabled');
if (!$('#Europe').is(':checked')) {
$('#Europe').click();
}
$('#Europe').attr('disabled', 'disabled');
if (!$('#Asia').is(':checked')) {
$('#Asia').click();
}
$('#Asia').attr('disabled', 'disabled');
} else {
paramChangeBoxes.removeAttr('disabled');
$('#Americas').removeAttr('disabled');
$('#Europe').removeAttr('disabled');
$('#Asia').removeAttr('disabled');
}
});