Javascript onclick复选框display data-取消选中公共文件将继续显示
工作至: 当onclick复选框数据将显示公共和数据,正如我在代码段中提到的 问题是 当您取消选中时,应该有一个相反的检查过程 例如,当我查看 “一”,然后显示第1行和第3行。 “2”则显示所有三行 但是当我取消选中“二/一”时,不应显示三个公共行。 因此,我关于取消选中公共文件的问题应继续显示。 请问,有人能帮我解决这个问题吗Javascript onclick复选框display data-取消选中公共文件将继续显示,javascript,jquery,html,css,Javascript,Jquery,Html,Css,工作至: 当onclick复选框数据将显示公共和数据,正如我在代码段中提到的 问题是 当您取消选中时,应该有一个相反的检查过程 例如,当我查看 “一”,然后显示第1行和第3行。 “2”则显示所有三行 但是当我取消选中“二/一”时,不应显示三个公共行。 因此,我关于取消选中公共文件的问题应继续显示。 请问,有人能帮我解决这个问题吗 //单击复选框显示要上载的文件 $(文档).ready(函数(){ $('input[type=“checkbox”]”)。单击(函数(){ var inputVal
//单击复选框显示要上载的文件
$(文档).ready(函数(){
$('input[type=“checkbox”]”)。单击(函数(){
var inputValue=$(this.attr(“值”);
var chkId=$(this.attr(“id”);
if(document.getElementById(chkId.checked==true){
$('.+inputValue).fadeIn('slow');
}否则{
$('.+inputValue).fadeOut('slow');
}
//警报(“Id:+chkId+”值:+inputValue);
});
});代码>
图例{
字体大小:14px;
}
.文件上传{
显示:无;
}
请在上面标记?
检查一个
检查两个
结果
检查-一
检查-两个
一个或两个
选中此项,您必须为隐藏div添加其他部分
//单击复选框显示要上载的文件
$(文档).ready(函数(){
$('input[type=“checkbox”]”)。单击(函数(){
var inputValue=$(this.attr(“值”);
var chkId=$(this.attr(“id”);
if(document.getElementById(chkId.checked==true){
$('.+inputValue).fadeIn('slow');
}否则{
var checkedCount=$('input[type=“checkbox”]:checked');
如果(checkedCount&&checkedCount.length>0)
{
$('.+inputValue+':不是(.one.two)).fadeOut('slow');
}
其他的
{
$('.+inputValue).fadeOut('slow');
}
}
//警报(“Id:+chkId+”值:+inputValue);
});
});代码>
图例{
字体大小:14px;
}
.文件上传{
显示:无;
}
请在上面标记?
检查一个
检查两个
结果
检查-一
检查-两个
一个或两个
这可以通过以下方法实现
单击复选框时
- 隐藏所有结果消息
- 从选中的所有输入框中获取值,并将其保存到数组中
- 迭代数组并显示结果
//单击复选框显示要上载的文件
$(文档).ready(函数(){
showMessageOnCheckboxChange();
$('input[type=“checkbox”]”)。单击(函数(){
showMessageOnCheckboxChange();
});
});
函数showMessageOnCheckboxChange(){
//隐藏所有结果
$('.fileupload').fadeOut('fast');
变量输入=$('.custom-control-input');
var toShow=新数组();
输入。每个(函数(索引,obj){
变量输入=$(obj);
if(input.prop('checked')==true){
toShow.push(input.attr('value'));
}
});
//显示结果
(上海东秀){
$('.+toShow[sh]).fadeIn('slow');
}
}
图例{
字体大小:14px;
}
.文件上传{
显示:无;
}
请在上面标记?
检查一个
检查两个
结果
检查-一
检查-两个
一个或两个
yes@Siva Rm K它能工作非常感谢您的帮助。此代码是否适用于checked=“checked”属性?如果我默认选中第一个复选框,数据将相应显示。另外,先生,我不想在此脚本中手动使用类名,因为将有许多复选框可供动态使用。是的。对于动态类,您可以在“not”css属性中指定任何变量:not(您的变量)’逻辑是在选中任何复选框时跳过common div。perfect@sigil,它可以工作&我想要的是。。。非常感谢你的帮助。如果我在默认情况下选中了“任何人”复选框,则此代码不起作用。请您提供有关帮助?使用请求更新代码。在document.ready上调用逻辑以显示消息。使用同样的功能点击。超级概念@sigil…非常感谢。