使用javascript调用onclick on radiobutton list

如何使用javascript调用radiobutton列表上的onclick？

你是如何生成单选按钮列表的？如果你只是使用HTML:

如果您通过ASP.NET之类的东西生成这些内容,则可以将其作为属性添加到列表中的每个元素.填充列表后可以运行此命令,或者如果逐个构建列表,则可以内联它:

foreach(ListItem RadioButton in RadioButtons){
    RadioButton.Attributes.Add("onclick", "alert('hello');");
}

更多信息:http://www.w3schools.com/jsref/event_onclick.asp

要在单选按钮上触发onClick事件,请调用click()DOM元素上的方法:

document.getElementById("radioButton").click()

使用jquery:

$("#radioButton").click()

AngularJs:

angular.element('#radioButton').trigger('click')

我同意@annakata这个问题需要更多的澄清,但这是一个非常非常基本的例子,说明如何onclick为单选按钮设置事件处理程序:

 
  
 
 
  
  Example 1
  
  Example 2
  
  Example 3
 

这里的问题是,RadioButtonList的呈现将各个单选按钮(ListItems)包装在span标记中,甚至当您使用Attributes直接将列表项分配给客户端事件处理程序时,它会将事件分配给span.将事件分配给RadioButtonList会将其分配给它所呈现的表.

这里的技巧是在aspx页面上添加ListItems而不是后面的代码.然后,您可以将JavaScript函数分配给onClick属性.这篇博客文章; Juri Strumpflohner将客户端事件处理程序附加到单选按钮列表中解释了这一切.

这只有在您事先知道ListItems并且无法帮助使用后面的代码动态添加RadioButtonList中的项目时才有效.