取消选中复选框时如何禁用PHP禁用和清除文本框。 选中/取消选中复选框，具体取决于数据库

Question

如果复选框未选中，我想禁用和清除文本框，然后在选中时启用它。 同时，该复选框应取决于数据库上的值。

• 如果deductstatus == 1 ，则在加载时应选中此复选框
• 如果deductstatus == 2 ，则在加载时应取消选中该复选框

下面的代码不起作用。 有什么帮助吗？

 $(".dedstat").click(function() { if ($(".dedstat").is(":checked")) { $(".deductto").removeAttr("disabled") } else { $(".deductto").attr("disabled", "disabled") var deductto = document.getElementById("deductto"); deductto.value = ""; } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" name="dedstat" id="dedstat" value="<?php if ($dedstat == 1) echo 'checked'; ?>"> <input type="text" name="deductto" id="deductto" value="<?php echo $deductto;?>"> 

Answer 1

检查的不是值，它是一个属性，应该为：

<input type="checkbox" name="dedstat" id="dedstat" value="" <?php if ($dedstat == 1) echo 'checked'; ?>>

Answer 2

value属性不能用于根据数据库值将其保持checked或unchecked 。 并分别绑定选中或未选中属性。 因此，请像这样更改该标签：

<input type="checkbox" name="dedstat" id="dedstat" onclick="isChecked()" value="1" <?php echo (isset($dedstat) && $dedstat == 1)? "checked" : "" ; ?>

关于此的更多信息，如果您想存储1和2值以分别保存复选框的选中状态和未选中状态，那么您应该做的是，如果选中了复选框，则将在php $ _POST中获取其值，但是如果如果未选中，则不会在$ _POST中得到它。 因此，在这种情况下，您应该将其默认值2存储到DB列中。 因此，下次您从数据库中获取2时，只有您可以获得2。

Answer 3

当操作布尔属性（如checked ， disabled ， multiple ，应使用.prop()而不是.attr()或.removeAttr() 。 建议的其他一些改进：

• 使用this.checked代替$(".dedstat").is(":checked") ，以便它是上下文特定的
• 使用ID选择器代替类
• 您可以链接jQuery方法，因此既可以禁用输入，也可以同时清空其值
• 监听change事件，而不是click <input>元素

 $("#dedstat").change(function() { if (this.checked) { $("#deductto").prop("disabled", false) } else { $("#deductto") .prop("disabled", true) .val(''); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" name="dedstat" id="dedstat"> <input type="text" name="deductto" id="deductto"> 

如果希望在页面加载时评估输入的状态，则还必须执行相同的逻辑，而不必将其绑定到onChange事件。 最好的方法是创建一个同时由onChange事件和DOMready / window.load事件调用的函数。 在下面的示例中，我们创建的方法将接受一个DOM节点作为参数，以便在上下文中知道您所指的是哪个复选框元素：

 // Method to conditionally enable/disable input var updateTextInput = function(el) { if (el.checked) { $("#deductto").prop("disabled", false) } else { $("#deductto") .prop("disabled", true) .val(''); } } // Call method when change event is fired from checkbox $("#dedstat").change(function() { updateTextInput(this); }); // Call method on DOMready, pass DOM node (not the jQuery object) updateTextInput($('#dedstat')[0]); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" name="dedstat" id="dedstat"> <input type="text" name="deductto" id="deductto"> 

对于您的PHP，您可以简单地使用tenary运算符有条件地将checked prop写入您的输入元素，即：

<input type="checkbox" name="dedstat" id="dedstat" <?php echo $dedstat == 1 ? 'checked' : ''; ?>>

Answer 4

只是一个小建议：页面底部是您的JS吗？

另外，我刚刚发现了一些东西：

$（“。dedstat”）<=您正在调用带点的类。 您的输入有ID。

$("#dedstat").click(function () {
    if ($("#dedstat").is(":checked")) {
        $("#deductto")
            .removeAttr("disabled")
    }
    else {
        $("#deductto")
            .attr("disabled", "disabled")
            var deductto = document.getElementById("deductto"); 
            .deductto.value = "";
    }
});

它应该工作得更好。