Question

我找到了来自here的源代码。选中单选按钮时将显示div内容。
我需要在页面上载时显示已检查单选按钮的div内容。

$(document).ready(function () {
    $('input[type="radio"]').change(function () {
        if ($(this).attr("value") == "red") {
            $(".box").not(".red").hide();
            $(".red").show();
        }
        if ($(this).attr("value") == "green") {
            $(".box").not(".green").hide();
            $(".green").show();
        }
        if ($(this).attr("value") == "blue") {
            $(".box").not(".blue").hide();
            $(".blue").show();
        }
    });
});

JSFiddle

Answer 1

分配事件处理程序后，找到已检查的事件并触发change事件（.trigger()或.change()）。

$(document).ready(function () {
    $('input[type="radio"]')
        .change(function () {
            if ($(this).attr("value") == "red") {
                $(".box").not(".red").hide();
                $(".red").show();
            }
            if ($(this).attr("value") == "green") {
                $(".box").not(".green").hide();
                $(".green").show();
            }
            if ($(this).attr("value") == "blue") {
                $(".box").not(".blue").hide();
                $(".blue").show();
            }
        })
        .filter(function(checkbox) {
            return $(this).prop("checked");
        })
        .trigger("change");    // or .change();
});

fiddle

对div标签的onload和show checked单选按钮

1 个答案: