我有 3 个输入,代码检查它们是否为空,如果为空,则将变量值添加到输入中。
所以我有 3 个带值的变量:
var input1text = "something here";
var input2text = "something else here";
var input3text = "something else 2 here";
因此,当页面加载时,我检查输入是否为空,如果为空,我将变量值添加到输入中。
像这样:
if($('#input1').val() == '') {
//Add input1text text to it
}
if($('#input2').val() == '') {
//Add input2text text to it
}
if($('#input3').val() == '') {
//Add input3text text to it
}
我的问题是,它有多个if
最优雅的方式来做到这一点?有没有更好的办法?
您可以使用.each()
检查每个输入,如果它为空 - 从保存值的数组中分配相应的值。
var inputs = ['something here', 'something else here', 'something else 2 here'];
$('input').each(function(i){
$(this).val() == '' ? $(this).val(inputs[i]) : null;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='input1' value='x'>
<input id='input2'>
<input id='input3'>
var inputs = {input1:'something here', input2:'something else here', input3: 'something else 2 here'};
$('input').each(function(i){
$(this).val() == '' ? $(this).val(inputs[$(this).attr('id')]) : null;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='input1' value='x'>
<input id='input2'>
<input id='input3'>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句