Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果复选框在加载时选中,则显示文本框;如果未选中,则不显示文本框_Javascript_Html_Css_Typescript - Fatal编程技术网

Javascript 如果复选框在加载时选中,则显示文本框;如果未选中,则不显示文本框

Javascript 如果复选框在加载时选中,则显示文本框;如果未选中,则不显示文本框,javascript,html,css,typescript,Javascript,Html,Css,Typescript,在javascript中,如果复选框被选中,是否有一种方式可以显示文本框?如果文本框在加载时未选中,则隐藏该文本框?使用eventlistener,非常简单 document.addEventListener('DOMContentLoaded',()=>{ document.querySelectorAll('input[type=“checkbox”]:not(:checked')).forEach(chk=>{ document.querySelectorAll(`input[type=

在javascript中,如果复选框被选中,是否有一种方式可以显示文本框?如果文本框在加载时未选中,则隐藏该文本框?

使用eventlistener,非常简单

document.addEventListener('DOMContentLoaded',()=>{
document.querySelectorAll('input[type=“checkbox”]:not(:checked')).forEach(chk=>{
document.querySelectorAll(`input[type=“text”].${chk.className}`).forEach(i=>i.classList.add('hide');
});
});
.hide{
显示:无;
}

尝试一下:

var checkbox=document.getElementById('check');
如果(checkbox.checked==true){
//无所事事
}否则{
checkbox.style.display='none';
}

好消息:是的,你可以!Hi@RokoC.Buljan,我试过这样做,`$('.checkbox_pram_model')。单击(函数(){if($(this).is(':checked')){$(“.select_pram_model”).show();}否则{$(($select_pram_model”).hide()})`