我想在选择 input="radio"
时启用/禁用某些复选框
,请阅读本文 post看起来很容易,但是不起作用,因为不是无所事事,它们总是仍然被禁用。我失败了什么?
$("#radio_ruta").on('click', function() {
if ($('#radio_ruta').is(':checked')) {
$(".filtros_mapa").removeAttr("disabled");
} else {
$('.filtros_mapa').checkboxradio('disabled');
//$(".filtros_mapa").attr("disabled", true);
//$(".filtros_mapa").prop("disabled", true);
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container-fluid">
<div class="row" id="map_section">
<div class="col-2 input" id="filter_container">
<!-- FILTROS-->
<legend>Filtros mapa: </legend>
<label for="radio_ult_pos">Última posición</label>
<input type="radio" name="radio_select" class="filtros_mapa" id="radio_ult_pos">
<label for="radio_ruta">Ruta</label>
<input type="radio" name="radio_select" class="filtros_mapa" id="radio_ruta">
<legend>Filtro datos: </legend>
<label for="checkbox-1">Todos</label>
<input type="checkbox" name="checkbox-1" class="filtros_mapa filtros_mapa_ruta" id="checkbox-1" disabled>
<label for="checkbox-2">tracker 1</label>
<input type="checkbox" name="checkbox-2" class="filtros_mapa filtros_mapa_ruta" id="checkbox-2" disabled>
<label for="checkbox-3">tracker 2</label>
<input type="checkbox" name="checkbox-3" class="filtros_mapa filtros_mapa_ruta" id="checkbox-3" disabled>
<label for="checkbox-4">tracker 3</label>
<input type="checkbox" name="checkbox-4" class="filtros_mapa filtros_mapa_ruta" id="checkbox-4" disabled>
<input type="number" class="form-control filtros_mapa_ruta" id='n_nodes_ruta' value="2" min="1" disabled>
<button type="button" class="btn btn-success" id="filtrar_btn_map">Filtrar</button>
</div>
<!-- MAPA-->
<div class="col-7" id="issMap">
</div>
<!-- INFORMACIÓN -->
<div class="col-3" id="info">
</div>
</div>
</div>
最佳答案
我正在使用名为 checkboxradio
的 jquery UI
小部件。对于启用和禁用我必须使用 their own methods .
$( ".selector" ).checkboxradio( "enable" );
$( ".selector" ).checkboxradio( "disable" );
它看起来像这样:
$("#radio_ult_pos").on('click', function() {
if ($('#radio_ult_pos').is(':checked')) {
$( ".filtros_mapa_ruta" ).checkboxradio( "disable" );
}
});
$("#radio_ruta").on('click', function() {
if ($('#radio_ruta').is(':checked')) {
$( ".filtros_mapa_ruta" ).checkboxradio( "enable" );
}
});
谢谢大家!!
关于javascript - 选择输入时启用/禁用某些复选框 ="radio",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59912614/