我有一个使用专有复选框的表单(它是一个 WordPress 插件,Contact 7,仅供参考)。有两个复选框选项,是和否。如果他们检查是,我有一个我正在启用的文本字段(我默认禁用它)。如果他们选中否,我有第二个专用复选框,其中包含我启用的 2 个框(默认情况下也是如此)。您可以推测,当用户选择是时,它还应该禁用第二个复选框。如果他们选择否,我希望文本字段返回禁用状态。
所以我有这个工作,除了它不识别更改事件;换句话说,如果我选择是,它会启用文本字段,但如果我选择否,它不会更新其他输入元素的关联状态。我必须取消选中否,然后重新选中它,以便它执行该功能。这是我的 jQuery 代码片段:
$(document).ready(function() {
$('p#myTextFieldHolder input:text').val('').attr('disabled', true);
$('#mySecondCheckBoxHolder input:checkbox').attr('disabled', true);
$("#myCheckBoxHolder input").change(function() {
if ($(":checked").val() == "If yes, what is the estimated closing date?") {
$('p#myTextFieldHolder input:text').val('').attr('disabled', false);
$('#mySecondCheckBoxHolder input:checkbox').attr('disabled', true);
} else if ($(":checked").val() == "No:") {
$('p#myTextFieldHolder input:text').val('').attr('disabled', true);
$('#mySecondCheckBoxHolder input:checkbox').attr('disabled', false);
} else {
$('p#myTextFieldHolder input:text').val('').attr('disabled', true);
$('#mySecondCheckBoxHolder input:checkbox').attr('disabled', true);
}
})
});
关于如何解释和纠正它的任何建议?谢谢你。