Estoy escribiendo un código en el que quiero verificar un botón de opción a través de Jquery, hay algunos enlaces, cuando hago clic en un enlace específico, verifica un botón de opción, la identificación del botón de opción se pasa a la función de clic de jquery, obtengo esa identificación y guárdelo en variable, ¡cómo acceder a ese elemento de botón de opción a través de var id!
//Html <ul class="footer-links"> <li>Services</li> <li><a href="#scrollup-content" data-id="tab-1">Brand Management</a></li> <li><a href="#scrollup-content" data-id="tab-2">In & Outdoor Signage</a></label></li> </ul> //jquery $(".footer-links li a").on("click",function(){ var id = $(this).data(); console.log(id) $('#tab-2').attr('checked', true); // this is working properly $('#id').attr('checked', true);// how to do? I want this to work })Creo que hay un problema con los elementos en la parte HTML: no veo que haya agregado un botón de opción al archivo. Echa un vistazo al código de muestra a continuación:
$('#radioButtonForm input').on('change', function() { alert($('input[name=radioName]:checked', '#radioButtonForm').val()); }); <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <title>Test Project</title> </head> <body> <form id="radioButtonForm"> <ul> <li>Services</li> <li> <input type="radio" name="radioName" value="1" />Brand Management<br /> </li> <li> <input type="radio" name="radioName" value="2" />In&Outdoor Signage<br /> </li> </ul> </form> </body> </html>