Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.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 onclick复选框display data-取消选中公共文件将继续显示_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript onclick复选框display data-取消选中公共文件将继续显示

Javascript onclick复选框display data-取消选中公共文件将继续显示,javascript,jquery,html,css,Javascript,Jquery,Html,Css,工作至: 当onclick复选框数据将显示公共和数据,正如我在代码段中提到的 问题是 当您取消选中时,应该有一个相反的检查过程 例如,当我查看 “一”,然后显示第1行和第3行。 “2”则显示所有三行 但是当我取消选中“二/一”时,不应显示三个公共行。 因此,我关于取消选中公共文件的问题应继续显示。 请问,有人能帮我解决这个问题吗 //单击复选框显示要上载的文件 $(文档).ready(函数(){ $('input[type=“checkbox”]”)。单击(函数(){ var inputVal

工作至: 当onclick复选框数据将显示公共和数据,正如我在代码段中提到的

问题是 当您取消选中时,应该有一个相反的检查过程

例如,当我查看 “一”,然后显示第1行和第3行。 “2”则显示所有三行

但是当我取消选中“二/一”时,不应显示三个公共行。

因此,我关于取消选中公共文件的问题应继续显示。

请问,有人能帮我解决这个问题吗

//单击复选框显示要上载的文件
$(文档).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…非常感谢。