如何重写重复的jquery代码

时间:2018-12-26 11:03:51

标签: javascript loops

我该如何重写此jquery代码以使其更简洁地压缩:

$(document).ready(function(){
    $('input[name="table_exist"]').click(function(){
        if($('input[name="table_name"]').val()=='users' && $('input[name="table_exist"]').is(':checked'))
        {
            $('input[name="table_name"]').val('');
        }
        else if($('input[name="table_name"]').val()=='' && !$('input[name="table_exist"]').is(':checked'))
        {
            $('input[name="table_name"]').val('user');
        }

        if($('input[name="user_id"]').val()=='user_id' && $('input[name="table_exist"]').is(':checked'))
        {
            $('input[name="user_id"]').val('');
        }
        else if($('input[name="user_id"]').val()=='' && !$('input[name="table_exist"]').is(':checked'))
        {
            $('input[name="user_id"]').val('user_id');
        }

        if($('input[name="user_name"]').val()=='user_name' && $('input[name="table_exist"]').is(':checked'))
        {
            $('input[name="user_name"]').val('');
        }
        else if($('input[name="user_name"]').val()=='' && !$('input[name="table_exist"]').is(':checked'))
        {
            $('input[name="user_name"]').val('user_name');
        }

        if($('input[name="user_email"]').val()=='user_email' && $('input[name="table_exist"]').is(':checked'))
        {
            $('input[name="user_email"]').val('');
        }
        else if($('input[name="user_email"]').val()=='' && !$('input[name="table_exist"]').is(':checked'))
        {
            $('input[name="user_email"]').val('user_email');
        }

        if($('input[name="user_pass"]').val()=='user_pass' && $('input[name="table_exist"]').is(':checked'))
        {
            $('input[name="user_pass"]').val('');
        }
        else if($('input[name="user_pass"]').val()=='' && !$('input[name="table_exist"]').is(':checked'))
        {
            $('input[name="user_pass"]').val('user_pass');
        }

        if($('input[name="joining_date"]').val()=='joining_date' && $('input[name="table_exist"]').is(':checked'))
        {
            $('input[name="joining_date"]').val('');
        }
        else if($('input[name="joining_date"]').val()=='' && !$('input[name="table_exist"]').is(':checked'))
        {
            $('input[name="joining_date"]').val('joining_date');
        }
    });
});

整个过程是确定未选中复选框时字段是否具有默认值。如果状态更改为选中,则清空所有字段以输入自定义信息/值。如果再次取消选中,它将返回初始值。

0 个答案:

没有答案