#50）Vô hiệu hóa, disable hoặc show／hide ô nhập liệu textbox tùy...

Cách thức hoạt động:

●Trường hợp mục「その他」KHÔNG được chọn thì textbox「その他職業」sẽ bị disabled và textbox「その他職業（Show/Hide）」sẽ bị ẩn (hide)

●Trường hợp mục「その他」ĐƯỢC chọn thì textbox「その他職業」ở trạng thái có thể nhập liệu và textbox「その他職業（Show/Hide）」sẽ xuất hiện (show)

■タイトル：コントロールCSSを使ったスクリプト

■スクリプト：

// ■Khi click record để vào 編集画面
if ($p.getControl('ClassA').val() === '4') {
    $('#Results_ClassB').prop('disabled', false)
    .css('background-color', '#ffffff');

    $('#Results_ClassCField').show();
}else{
    $('#Results_ClassB').prop('disabled', true)
    .css('background-color', '#f5f5f5');

    $('#Results_ClassCField').hide();
}

// ■Khi xảy ra sự kiện change 分類A
$(document).on('change', '#Results_ClassA', function () {
    if ($p.getControl('ClassA').val() === '4') {
        $('#Results_ClassB').prop('disabled', false)
        .css('background-color', '#ffffff');

        $('#Results_ClassCField').show();
    } else {
        $p.set($('#Results_ClassB'),'');
        $('#Results_ClassB').prop('disabled', true)
        .css('background-color','#f5f5f5');

        $p.set($('#Results_ClassC'),'');
        $('#Results_ClassCField').hide();
    }
});

// ■Khi xảy ra sự kiện click button [更新]
$p.events.after_set_Update = function () {
    if ($p.getControl('ClassA').val() === '4') {
        $('#Results_ClassB').prop('disabled', false)
        .css('background-color', '#ffffff');

        $('#Results_ClassCField').show();
    }else{
        $('#Results_ClassB').prop('disabled', true)
        .css('background-color', '#f5f5f5');

        $('#Results_ClassCField').hide();
    }
}

■出力先：新規作成, 編集

新規作成画面, 編集画面

■LINK：

■REF：【プリザンター】第94回）コントロールCSSを使ったスクリプト