使用jQuery加载表单时显示div的单选按钮

我在下面遇到的问题是，我正在使用一个表单，它经过几个不同的阶段，单击函数会触发“show”

有没有一种方法可以让节目由类似于onload的东西触发

---

来解释一下这里的大局。我有一个单选按钮“添加图像”的表单。表格的第一阶段是给作者的。表单的第2阶段用于内容编辑器。因此，表单已完成并传递给内容编辑器。如果在第1阶段选中单选按钮，则显示div。当这个表单被传递到第二阶段时，我需要仍然显示div。希望这能进一步解释我的问题

第二阶段是完全不同的一页

对不起，这是我第一次来这里

加成

---

试试这个，它对我有用

试试这个

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

if ($(this).is(":checked")) {

     $("#div-id1").show("slide up");

}
});
$("#image2").click(function(){

if ($(this).is(":checked")) {

     $("#div-id2").fadeIn("slow");
}
});

在jQuery中，将

持续时间作为第一个参数

有一个
slideDown（）
和
slideUp（）
函数，但我认为这不是您想要的


新标记
现在，您的复选框有了一个类（
.imageBox
）。当文档加载时，每个
.imageBox
都会检查相应
div
容器名称所在特定复选框的
id

我认为创建一个函数将是有益的。这样，您就不需要反复输入相同的
if/else
块。记住

另外，我不知道它是否超出了您的项目范围，但在我的小提琴中，我使用了
checkbox
而不是
radio
，这样您也可以取消选择它们。更改它，保留它，由您决定。
第一个参数是持续时间。@Christopher hey mate将其添加为答案。@Christopher jquery UI有不同的参数@phobos，我不认为jQuery UI在这里被使用。我认为你需要澄清你的问题。你打算解释你做了什么吗？@Christopher我在这里显示相应的div并隐藏另一个div。这有什么错误吗。我需要在选中单选按钮时始终显示每个div。@user2194969我修改了我的代码看到了吗一次。对不起，我误解了这个问题。谢谢各位，但这里真正的问题是让节目在加载时触发，而不是。单击（函数…@User2194969您想在加载页面时同时显示这两个图像吗？为了在这里解释更大的图片。我有一个带有单选按钮“添加图像”的表单。表单的第一阶段是给作者的。表单的第二阶段是给内容编辑器的。因此，表单将完成并传递给内容编辑器。如果单选按钮在第1阶段显示div。当此表单传递到第2阶段时，我需要仍然显示div。希望这能进一步解释我的问题@user2194969。这一切都很好@user2194969。你应该将其添加到顶部的原始问题中。这两个阶段是在一页上吗？还是第2阶段在一个全新的页上？更新你的问题！
$("#image1").click(function(){

    if ($("#image1").is(":checked")) {
      //show the hidden div
       $("#div-id1").show("slide");
    } 
    else {
      $("#div-id1").hide("slide");
    }
});

$("#image2").click(function(){
    if ($("#image2").is(":checked")) {
      //show the hidden div
      $("#div-id2").show("slide");
    } 
    else {
      $("#div-id2").hide("slide");
    }
});

$("#image1").click(function(){
    if ($("#image1").is(":checked")) {
      //show the hidden div
       $("#div-id1").show();

    }
});

$("#image2").click(function(){
    if ($("#image2").is(":checked")) {
      //show the hidden div
      $("#div-id2").show();

    }
});

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

if ($(this).is(":checked")) {

     $("#div-id1").show("slide up");

}
});
$("#image2").click(function(){

if ($(this).is(":checked")) {

     $("#div-id2").fadeIn("slow");
}
});

<input type="checkbox" id="image1" class="imageBox" name="image1" checked>image 1</input>
<input type="checkbox" id="image2" class="imageBox" name="image2">image 2</input>
<div id="image1Container" class="imageContainer" style="display:none">image 1</div>
<div id="image2Container" class="imageContainer" style="display:none">image 2</div>

(function () {
    var showImgBlock = function (img, container) {
        (img.is(":checked")) ? container.show(500) : container.hide(300);
    };

    $(".imageBox").each(function () {
        item = this.id;
        showImgBlock($("#" + item), $("#" + item + "Container"));

    }).click(function () {
        item = this.id;
        showImgBlock($("#" + item), $("#" + item + "Container"));
    });;
})();