Estoy tratando de establecer esta condición en un formulario:
Si #Size (de una selección desplegable) = 'extra-cab' Y un botón de selección de radio llamado 'canopy-14x-select' (de un grupo de botones de radio llamado 'Canopy') están ambos seleccionados, entonces la casilla de verificación con un la clase llamada .rack-kit está deseleccionada.
No estoy seguro de cómo anidarlos entre sí, lo intenté a continuación, pero no funciona.
Cualquier ayuda sería muy apreciada.
$('#Size').on('change', function() { if (this.value == 'extra-cab') { if ($(this).attr("id") == "canopy-14x-select") { $('.rack-kit input[type="checkbox"]:checked').prop('checked', false).trigger('change'); } }Gracias de antemano :)
Suponiendo que los botones de radio comparten el mismo atributo [name] y todo está en un <form> , haga referencia a él como $('[name="X"]:checked') siendo X el [name] del grupo de botones de radio. Este ejemplo se desmarca cuando select es 2 y radio es 3.
$('form').on('change', function(e) { if ($('#A').val() === '2' && $('[name="B"]:checked').val() === '3') { $('.D').prop('checked', false); } }); <form> <select id='A'> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> </select><br> <input name='B' type='radio' value='1'><label>1</label><br> <input name='B' type='radio' value='2'><label>2</label><br> <input name='B' type='radio' value='3'><label>3</label><br> <input class='D' type='checkbox'> </form> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>