Javascript和分组句子中的三元运算符

Question

我有以下三元运算符条件。有没有办法将第二个 if 语句以某种方式包含在第 1 行中，所以我不需要再做另一个 if 语句？第一个条件如果为真，则应准备显示状态更改以及复选框更改。

function change_properties(display){
    var display_r = ( display === 1) ? 'block' : 'none';

    /*THIS LINE - can it be integrated in the ternary if-else condition above? */
    if(display) jQuery("#checkbox").prop('checked',false);

    jQuery("#field").css("display", display_r); 
} 

Answer 1

请这样写，假设可以显示真实而不是===1

function change_properties(display){
   $("#checkbox").prop('checked',!display);
   $("#field").toggle(display);
}

或者如果您只想在显示为 1（真实）时取消选中：

function change_properties(display){
   if (display) $("#checkbox").prop('checked',false);
   $("#field").toggle(display);
}

Answer 2

哇，如果您愿意编写真正难以阅读的代码，那么是的，这在技术上是可行的：

var display_r = ( display === 1) ? jQuery("#checkbox").prop('checked',false), 'block' : 'none';

您可以使用&& 代替, 运算符...利用字符串'block' 是真实的事实。

既然如此，为什么下一行代码在自己的行中？

jQuery("#field").css("display", ( display === 1) ? jQuery("#checkbox").prop('checked',false), 'block' : 'none');

总之，代码行不是敌人……

编辑：修正了 , 周围的顺序，我不知道这是因为我从不这样做。

不过没关系。让我们写一些有意义的东西，不要为了好玩而使用三元运算符：

var display_r;
if (display === 1) {
    display_r = 'block';
    jQuery("#checkbox").prop('checked',false);
}
else {
    display_r = 'none';
}
jQuery("field").css("display", display_r);

Answer 3

如果你能编写清晰易读的代码，IMO 会更好：

function change_properties(display){
    if(display){
         jQuery("#field").css("display","block");
         jQuery("#checkbox").prop('checked',false);
    }else
         jQuery("#field").css("display","none");

}

或者你可以使用show()/hide()：

function change_properties(display){
    if(display){
         jQuery("#field").show();
         jQuery("#checkbox").prop('checked',false);
    }else
         jQuery("#field").hide();

}

希望这会有所帮助。

Answer 4

有没有办法将第二个 if 语句以某种方式包含在第 1 行中，所以我不需要再做另一个 if 语句？

这是可能的，但这并不是一个好主意。

function change_properties(display){
    jQuery("#field").css("display", display === 1 && jQuery("#checkbox").prop('checked',false)
                                  ? 'block'
                                  : 'none'); 
}

说清楚，我真的认为你应该去mplungjan's answer的第二个功能：

function change_properties(display){
   if (display) $("#checkbox").prop('checked',false);
   $("#field").toggle(display);
}