php - 我有一个与输入金额直接相关的复选框。如果有输入金额，则必须在发布前选中该复选框

Question

我在 php 中为标准复选框创建了一个函数，称为 cbox 以及一个名为 inp 的标准输入框。

<tr><td><?php cbox('charge_cc'); ?> Charge CC? Amount $ <?php inp('charge_amt'); ?></td></tr>

如果在“charge_amt”inp 字段中输入了金额，则在发布/提交之前还需要选中该复选框。

如果在输入字段中没有输入金额，则他们不需要选中该框，可以继续填写表格的其余部分并提交。我不确定如何实现这一点，因为我认为我的 cbox 和 inp 的 php 函数破坏了我的 jquery/javascript。

到目前为止，我已经尝试了一些变化:

<script type="text/javascript">
function validate(){
if (document.getElementById('charge_cc').checked){
          alert("checked") ;
}else{
alert("You didn't check it! Let me check it for you.")
}
}
</script>

无济于事，任何帮助将不胜感激。

<td><input type="hidden" name="charge_cc" value="0" class="charge_cc">
    <input type="checkbox" id="charge_cc" name="charge_cc" value="1" class="charge_cc"> Charge CC? Amount $ <input type="text" id="charge_amt" name="charge_amt" value="" size="8" maxlength="6"></td>

Answer 1

如果您需要的只是根据 charge_amt 文本输入中的条目选中/取消选中复选框，我建议:

$('#charge_amt').keyup(function(){
    var that = this;
    $('#charge_cc').prop('checked', function(){
        return that.value.length;
    });
});

JS Fiddle demo .

如果您想阻止用户在文本输入中有值后取消选中复选框:

$('#charge_amt').keyup(function () {
    var test = this.value.length;
    $('#charge_cc').prop({
        'checked': test,
            'disabled': test
    });
});

JS Fiddle demo .