Question

我的表单中有一个字段集，其中有一个与文本输入相关联的复选框。选中/取消选中复选框后，它会切换文本输入的readonly属性。

取消选中该复选框时，我希望文本输入值重置为0.

这是我的

<label for="device-9102" class="form-partner-label"><input type="checkbox" class="quote-chkbox" id="9102-chk"> 9102 IP Phone</label>
<input type="text" name="9102-quantity" class="form-endpoint-qty form-control" id="form-partner-9102" readonly value="0">

以下是当前为文本输入设置readonly值的JQuery：

$("#9102-chk").change(function() {
        $("#form-partner-9102").prop("readonly", !$(this).is(":checked"));
});

如果取消选中该复选框，如何将文本输入的值重置为0？

Answer 1

首先，您需要检查复选框是否已选中＆amp;然后使用.val()

将值设置为输入

$("#9102-chk").change(function() {
     var is_checked = $(this).is(":checked");
     if(!is_checked) {
      $("#form-partner-9102").val(0);
     }
     $("#form-partner-9102").prop("readonly", !is_checked);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label for="device-9102" class="form-partner-label"><input type="checkbox" class="quote-chkbox" id="9102-chk"> 9102 IP Phone</label>
<input type="text" name="9102-quantity" class="form-endpoint-qty form-control" id="form-partner-9102" readonly value="0">

取消选中复选框时，JQuery重置文本输入的值

1 个答案: