Question

您好我目前有一个jquery更改功能，使输入文本框变为灰色，只有在用户选中复选框时才会读取。但是我希望在页面加载时执行检查以查看是否已选中该复选框，此当前函数是否已添加？

jQuery(document).ready(function () {
    $("#redflag2").change(function () {   
        $('#new_contracted_support_hours')
            .prop("readonly", this.checked)
            .toggleClass("greyba", this.checked);
    });
});

Answer 1

使用is()和:checked

jQuery(document).ready(function() {
    if ($("#redflag2").is(':checked')) {
        modifySupportHours();
    }
    $("#redflag2").change(modifySupportHours);

    function modifySupportHours() {
        $('#new_contracted_support_hours')
            .prop("readonly", this.checked)
            .toggleClass("greyba", this.checked);
    }
});

Answer 2

function flag_changed(flag) {
  $('#new_contracted_support_hours')
    .prop("readonly", flag.checked)
    .toggleClass("greyba", flag.checked);
}


$(document)/ready(function() {
  $("#redflag2").change( function() { flag_changed(this); } );
  flag_changed(document.getElementById('redflag2'));
});

将您的逻辑放入命名函数，然后在$（document）.ready（）

期间直接调用它

Answer 3

$(function () {    
function do-what-you-want-function-name (e) {
        $('#new_contracted_support_hours')
        .prop("readonly", this.checked)
        .toggleClass("greyba", this.checked);
    }

    $("#redflag2").change(function () {
        radioException($(this))
    });

    $("#redflag2").each(function () {
        radioException($(this))
    })
})

具有名称的功能和两次使用的两次调用。

检查是否已在页面加载时选中复选框

3 个答案: