Llamando a cliquear en una lista de botones de radio usando javascript
onclick radiobuttonlist (5)
¿Cómo llamo onclick en una lista de botones de radio usando javascript?
Estoy de acuerdo con @annakata en que esta pregunta necesita más aclaraciones, pero aquí hay un ejemplo muy, muy básico de cómo configurar un controlador de eventos onclick para los botones de opción:
<html>
<head>
<script type="text/javascript">
window.onload = function() {
var ex1 = document.getElementById(''example1'');
var ex2 = document.getElementById(''example2'');
var ex3 = document.getElementById(''example3'');
ex1.onclick = handler;
ex2.onclick = handler;
ex3.onclick = handler;
}
function handler() {
alert(''clicked'');
}
</script>
</head>
<body>
<input type="radio" name="example1" id="example1" value="Example 1" />
<label for="example1">Example 1</label>
<input type="radio" name="example2" id="example2" value="Example 2" />
<label for="example1">Example 2</label>
<input type="radio" name="example3" id="example3" value="Example 3" />
<label for="example1">Example 3</label>
</body>
</html>
El problema aquí es que la representación de RadioButtonList envuelve los botones de radio individuales (ListItems) en etiquetas de tramo e incluso cuando asigna un controlador de eventos del lado del cliente al elemento de la lista directamente utilizando Atributos, asigna el evento al tramo. Asignar el evento a RadioButtonList lo asigna a la tabla en la que se representa.
El truco aquí es agregar ListItems en la página aspx y no desde el código detrás. A continuación, puede asignar la función de JavaScript a la propiedad onClick. Esta publicación de blog; Al asociar el controlador de eventos del lado del cliente a la lista de botones de radio de Juri Strumpflohner, se explica todo.
Esto solo funciona si conoce los ListItems de antemano y no ayuda a que los elementos de RadioButtonList se agreguen dinámicamente utilizando el código subyacente.
¿Cómo está generando la lista de botones de opción? Si solo estás usando HTML:
<input type="radio" onclick="alert(''hello'');"/>
Si los está generando a través de algo como ASP.NET, puede agregar eso como un atributo para cada elemento de la lista. Puede ejecutar esto después de completar su lista, o en línea si construye su lista uno por uno:
foreach(ListItem RadioButton in RadioButtons){
RadioButton.Attributes.Add("onclick", "alert(''hello'');");
}
Más información: http://www.w3schools.com/jsref/event_onclick.asp
Para activar el evento onClick en un botón de radio, invoque el método click() en el elemento DOM:
document.getElementById("radioButton").click()
usando jquery:
$("#radioButton").click()
AngularJs:
angular.element(''#radioButton'').trigger(''click'')
intenta seguir la solución
HTML:
<div id="variant">
<label><input type="radio" name="toggle" class="radio" value="19,99€"><span>A</span></label>
<label><input type="radio" name="toggle" class="radio" value="<<<"><span>B</span></label>
<label><input type="radio" name="toggle" class="radio" value="xxx"><span>C</span></label>
<p id="price"></p>
JS:
$(document).ready(function () {
$(''.radio'').click(function () {
document.getElementById(''price'').innerHTML = $(this).val();
});
});