我有一个与输入金额直接相关的复选框.如果有输入金额,则必须在过账前选中复选框
I have a checkbox that correlates directly to an input amount. If there is an input amount the checkbox has to be checked before post
我在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>
如果您只需要根据charge_amt
文本输入中的条目选中/取消选中复选框,我建议:
$('#charge_amt').keyup(function(){
var that = this;
$('#charge_cc').prop('checked', function(){
return that.value.length;
});
});
JS Fiddle演示。
如果您想防止用户在文本输入中出现值时取消选中复选框:
$('#charge_amt').keyup(function () {
var test = this.value.length;
$('#charge_cc').prop({
'checked': test,
'disabled': test
});
});
JS Fiddle演示。
使用jquery。。。如果您有一个id为charge_cc的复选框,这应该可以使用
if($("#charge_cc").prop("checked")) ...
jsfiddle处理您的html和警报:http://jsfiddle.net/kmV9m/
$(function () {
$('#charge_amt').on('change', function () {
var amount = $(this).val();
if (amount.length > 0) {
$('#charge_cc').prop('checked', 'checked');
} else {
$('#charge_cc').prop('checked',false);
}
});
})
在这里使用一点jQuery来为您做这项工作应该可以做到。
http://jsfiddle.net/devlshone/2HZFE/
相关文章:
- 我无法检查输入复选框元素
- 如何使用jquery从输入复选框中检索文本
- 根据条件使用ng repeat动态显示输入复选框
- 如何在选中所有输入复选框和单选组后显示javascript确认消息
- 如何保留输入复选框值的存储数组
- 如何使用 jquery 在页面加载时检查带有值的输入复选框字段
- 未捕获的错误:语法错误,无法识别的表达式:输入:复选框[名称=ninja_forms_field_57[术语]]
- 如何从输入复选框中获取值以在查询中使用它来显示信息
- 输入复选框 true 或选中或是
- Ember.js表中的输入复选框
- 如何使用输入复选框创建/更新数组
- 输入(复选框)在 IE8 中配置时不起作用:选中
- 语法错误,无法识别的表达式:[对象 HTMLDivElement]输入:复选框[名称=]:选中
- Jquery - .prop 不会动态选中我的输入复选框
- 使用javaScript更改输入复选框选中的属性
- 数组输入复选框上的“依赖”复选框
- 输入复选框总是返回false
- 输入复选框数组,如果未选中,jQuery不会发送任何值
- “操纵输入”复选框
- 按字母顺序对输入/复选框元素进行排序