我有多个复选框和一个文件上传输入框。如果一个或多个复选框被勾选且输入值不为空,则我想重新启用按钮。
以下是链接到bootply的页面。
这是我的HTML:
<div class="upload-block">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="file" id="InputFile">
<button id="upload-btn" type="button blue-button"
class="btn blue-button" disabled>Submit</button>
</div>
这是我的JavaScript起点:
由Karl更新
在所有输入框上绑定一个change
事件,然后使用一些条件:
这里是我的JavaScript起点:
由Karl更新
对所有输入框绑定一个change
事件,然后根据一些条件进行操作:
$('.upload-block input').change(function() {
$('#upload-btn').prop(
'disabled',
!($('.upload-block :checked').length && $('#InputFile').val()));
});
这适用于所有复选框,且 #InputFile
具有非 none 的值,即已选择文件。但在 IE9 中无法正常工作。
我该如何更新以使其在 IE9 中正常工作?
val()
。现在你可以获取值了,那么如何检查它的长度?快速搜索会出现length
属性。如何向已有的if语句添加第二个条件?快速搜索会出现&&
和||
。这是基本的学习过程。你试过了吗? - Chris Baker