所以我有一个复选框和一个“输入数字”,我想在使用 jquery 选中/取消选中复选框时启用/禁用该输入!!
这是代码:
$(document).ready(function() {
$("#criar").click(function() {
$('input[name^="quant"]').each(function() {
$(this).attr('disabled', 'disabled');
});
$('#myform').change(function(){
var i=0;
$('input[name^="tipo"]').each(function() {
if($(this).prop('checked')){
$('#textnumber').eq(i).prop('disabled', false);
}else{
$('#textnumber').eq(i).prop('disabled',true);
}
i++;
});
});
});
});
和 html 代码:
<input type="checkbox" name="tipo[]" id="tipo">
<input type="number" name="quant[]" min="1" max="50" id="textnumber[]">
这是有效的,但仅适用于第一个复选框和输入,如您所见 here
最佳答案
使用“.is(':checked')”检查选择框是否被选中。希望这有帮助,我想这就是您正在寻找的
$(document).ready(function() {
$('.number').prop('disabled', true);
$('#tipo').click(function(){
if($(this).is(':checked'))
{
$('.number').prop('disabled', false);
}
else
$('.number').prop('disabled', true);
})
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" name="tipo[]" id="tipo">
<input type="number" name="quant[]" min="1" max="50" id="textnumber[]" class="number">
关于javascript - 选中复选框时启用/禁用输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55536098/