javascript - 自定义冗余复选框输入 Jquery 代码

Question

我有下面的工作代码，我认为他有点太长和多余了，我可以自定义它吗？

$( "#unique" ).click(function() {

    if ( $( this ).is(':checked') ) {
        $( ".lotud" ).show();
        $( "#add_lot" ).hide();
        $( "#lots_rows_contnr" ).hide();

        $(".lotud input").prop({disabled: false})
        $("#lots_rows_contnr input").prop({disabled: true})
    }
    else {
        $( ".lotud" ).hide();
        $( "#add_lot" ).show();
        $( "#lots_rows_contnr" ).show();

        $(".lotud input").prop({disabled: true})
        $("#lots_rows_contnr input").prop({disabled: false})
    }

});

Answer 1

您可以通过使用三元组稍微缩短它，使用 DOMElement 本身的 checked 属性，加入选择器并使用 checked 属性作为 禁用属性。试试这个:

$("#unique").click(function() {
    $(".lotud").toggle(this.checked);
    $("#add_lot, #lots_rows_contnr").toggle(!this.checked);
    $(".lotud input").prop({ disabled: !this.checked });
    $("#lots_rows_contnr input").prop({ disabled: this.checked });
});

这两个版本，您的原始版本还是上面的版本，哪个更具可读性是一个见仁见智的问题。