Question

我有一组带有onclick事件的单选按钮，用于隐藏/显示网站的某个区域。 onclick还启用/禁用spry验证。

onclick工作得很好！但是，不确定如何在加载页面时触发onclick并将单选按钮标记为已单击。

例如，用户可以选择主页面上的单选按钮。然后在表单处理中，用户可能想要编辑它们输入的输入。然后我将检查用户在主页面上选择的单选按钮。由于用户没有点击单选按钮，隐藏区域仍然隐藏。

Answer 1

window.onready=function()
{    
    if(document.getElementById('yourRadioButtonId').checked) {
       //call your function, that you want to be triggered, as you will have the same call back function bounded for your onclick event    
}

或

window.onready=function()
    {    
        var radioButton=document.getElementById('yourRadioButtonId');
        if(radioButton.checked) {
           radioButton.click();
        }
    }

注意：并非所有浏览器都以这种方式允许模拟事件。请查看触发器方法的jQuery源代码，了解如何处理所有浏览器怪癖。

Answer 2

处理此问题的最佳方法是编写辅助函数。之后，可以通过onClick（on单选按钮）和onLoad（on body element）事件调用此辅助函数。此功能将获得单选按钮的值，并根据结果执行操作。

例如：

function handleRadioButtonStateAction() {
     var radioButtons = document.getElementsByName('theRadioButtonName');
     for (var x = 0; x < radioButtons.length; x ++) {
         if (x == yourDesiredButton && radioButtons[x].checked) {
             //do action
         }
   }
}

加载页面时触发onclick

2 个答案: