Javascript 通过使用jquery检查选中的单选按钮来执行事件

我需要根据选中的单选按钮显示不同的div。我使用change event方法完成了此操作。但我需要在加载页面时通过查看选中的单选按钮来完成此操作

$('#id_radio1').click(function () {
    $('#div2').hide('fast');
    $('#div1').show('fast');
});

单选按钮是

<div class="col-md-4">       
     <label>
     <input type="radio" name="sublink" id="id_radio2" value="0" <?php if($announcements_details['detail_type']=="0") echo' checked="checked"'?> >&nbsp;Add attachment to title</input>
    </label>
</div>
<div class="col-md-4">      
    <label>     
        <input type="radio" name="sublink" id="id_radio1"  value="1" <?php if($announcements_details['detail_type']=="1") echo' checked="checked"'?> >&nbsp;Add new sublinks</input>
    </label>
</div>
<div class="col-md-4">      
    <label>             
        <input type="radio" name="sublink" id="id_radio3" value="2" <?php if($announcements_details['detail_type']=="2") echo' checked="checked"'?>>&nbsp;None
    </label>
</div>

>添加新的子链接
您可以使用此代码显示相应的div：

函数showdiv（）{
var div=“#div”+$（'：radio:checked'）.val（）；//JS Jquery

在加载页面时检查收音机。

$("input[name=sublink]").each(function(index, elem){
 if($(this).prop("checked")){

    console.log("radio (with checked) has value: "+elem.value);

    if(elem.value == "0"){
        // LOGIC FOR SHOW/HIDE DIV HERE
    } else if(elem.value == "1"){
        // LOGIC FOR SHOW/HIDE DIV HERE
    } else if(elem.value == "2"){
        // LOGIC FOR SHOW/HIDE DIV HERE
    }
 }
});


如果您需要此功能，请在单击输入收音机时检查收音机

$("input[name=sublink]").on("change", function(){
 switch(this.value){
 case "0":
 console.log("radio with value 0");
 // LOGIC FOR SHOW/HIDE DIV HERE
 break;
 case "1":
 console.log("radio with value 1");
 // LOGIC FOR SHOW/HIDE DIV HERE
 break;
 case "2":
 console.log("radio with value 2");
 // LOGIC FOR SHOW/HIDE DIV HERE
 break;
 default:
 console.log("default");
 }
});

为什么不使用php呢？@Ruby无法使用php。我必须在加载页面时执行一个事件，但页面中有其他单选按钮。确定它会与它们冲突更改
[type=radio]
和
[name=sublink]
。如何，仍然冲突？如果仍然冲突，您应该为它们添加唯一的类，并更改
输入[type=radio]
带有
输入。className
我更改mw答案（更改
[type=radio]
带有
[name=sublink]
）考虑使用更通用的HTML，以便每次都可以调用相同的函数。这会让代码干涸。如果你已经为DOC发布了标记，那么用最小的调整，这将完美地工作。