Javascript重复if语句更好的解决方案?

用户7780275

我有 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JavaScript:更好的解决方案,而不是eval()

来自分类Dev

从Python列表中删除重复项的更好解决方案

来自分类Dev

Scala:更好的解决方案

来自分类Dev

需要更好的解决方案以从javascript文件附加html

来自分类Dev

Perl中更好的Regex解决方案?

来自分类Dev

Angular:更好的表单验证解决方案

来自分类Dev

写出案件的更好解决方案

来自分类Dev

Perl中更好的Regex解决方案?

来自分类Dev

等待事件-比轮询更好的解决方案?

来自分类Dev

更好的location.href解决方案

来自分类Dev

寻找比折叠if语句更好的解决方案以获取对象的未定义属性

来自分类Dev

在Dart中,有没有比大型switch语句更好的解决方案

来自分类Dev

多个JavaScript解决方案

来自分类Dev

级联IF语句-最佳解决方案

来自分类Dev

遍历 TreeSet 而不重复解决方案

来自分类Dev

Javascript:使用用户输入创建表格的任何更好的解决方案?

来自分类Dev

A *:使用给定的解决方案为15平方拼图找到更好的解决方案

来自分类Dev

我的单词拼图解决方案的时间复杂度?更好的解决方案?

来自分类Dev

Maven和Java版本设置-哪种解决方案更好?

来自分类Dev

线性模型和DPLyr-更好的解决方案?

来自分类Dev

解展对象数组的更好解决方案

来自分类Dev

比Evernote更好的代码片段/示例解决方案?

来自分类Dev

哪种解决方案在oracle中的性能更好?

来自分类Dev

获得列表元素之间差异的更好解决方案

来自分类Dev

PerformSelector可能会导致泄漏-更好的解决方案

来自分类Dev

CA2227的解决方案还是更好的方法?

来自分类Dev

实施异步轮询方法的更好解决方案?

来自分类Dev

查找正好3个因数的更好的解决方案

来自分类Dev

在“禁用” <a>中显示标题属性的更好解决方案

Related 相关文章

  1. 1

    JavaScript:更好的解决方案,而不是eval()

  2. 2

    从Python列表中删除重复项的更好解决方案

  3. 3

    Scala:更好的解决方案

  4. 4

    需要更好的解决方案以从javascript文件附加html

  5. 5

    Perl中更好的Regex解决方案?

  6. 6

    Angular:更好的表单验证解决方案

  7. 7

    写出案件的更好解决方案

  8. 8

    Perl中更好的Regex解决方案?

  9. 9

    等待事件-比轮询更好的解决方案?

  10. 10

    更好的location.href解决方案

  11. 11

    寻找比折叠if语句更好的解决方案以获取对象的未定义属性

  12. 12

    在Dart中,有没有比大型switch语句更好的解决方案

  13. 13

    多个JavaScript解决方案

  14. 14

    级联IF语句-最佳解决方案

  15. 15

    遍历 TreeSet 而不重复解决方案

  16. 16

    Javascript:使用用户输入创建表格的任何更好的解决方案?

  17. 17

    A *:使用给定的解决方案为15平方拼图找到更好的解决方案

  18. 18

    我的单词拼图解决方案的时间复杂度?更好的解决方案?

  19. 19

    Maven和Java版本设置-哪种解决方案更好?

  20. 20

    线性模型和DPLyr-更好的解决方案?

  21. 21

    解展对象数组的更好解决方案

  22. 22

    比Evernote更好的代码片段/示例解决方案?

  23. 23

    哪种解决方案在oracle中的性能更好?

  24. 24

    获得列表元素之间差异的更好解决方案

  25. 25

    PerformSelector可能会导致泄漏-更好的解决方案

  26. 26

    CA2227的解决方案还是更好的方法?

  27. 27

    实施异步轮询方法的更好解决方案?

  28. 28

    查找正好3个因数的更好的解决方案

  29. 29

    在“禁用” <a>中显示标题属性的更好解决方案

热门标签

归档