隐藏并显示不工作的div，元素在使用console.log()但不显示时更改其属性
隐藏并显示不工作的div，元素在使用console.log()但不显示时更改其属性
提问于 2019-11-20 03:27:56
我使用ASP.NetCore 2.0获得一个视图，当用户使用toggle按钮时，我试图显示和隐藏一个元素，但我真的不知道发生了什么
My：
<div class="row" id="ToggleClasificarIVA">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="form-check has-success">
<label class="control-label">Clasificar Impuesto al valor agregado</label>
<div class="switch">
<label>
<input type="checkbox" id="ClasificarIvaToggle" ><span class="lever"></span>
</label>
</div>
</div>
</div>
</div>
<div class="row" id="CodigoActividadDropdown" style="display:none">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="form-group has-success">
<label class="control-label">Codigo de Actividad</label>
<select class="form-control custom-select">
<option value="0">---Seleccione---</option>
<option value="1">Cedula Fisica</option>
<option value="2">Cedula Juridica</option>
<option value="3">Dimex</option>
<option value="4">Nite</option>
</select>
</div>
</div>
</div>和我的JS:
$('#ClasificarIvaToggle').click(function () {
if (this.checked) {
$('#CodigoActividadDropdown').css("display", "block");
alert("Checekado")
console.log(document.getElementById("CodigoActividadDropdown"))
}
else {
$('#CodigoActividadDropdown').css("display", "none");
alert("UnChecekado")
console.log(document.getElementById("CodigoActividadDropdown"))
}
});我试过使用的 :
$('#ClasificarIvaToggle').click(function () {
if (this.checked) {
$('#CodigoActividadDropdown').css("display", "block");
alert("Checekado")
}
else {
$('#CodigoActividadDropdown').css("display", "none");
alert("UnChecekado")
}
});还：
$('#ClasificarIvaToggle').change(function () {
if (this.checked) {
$('#CodigoActividadDropdown').fadeIn('slow');
}
else {
$('#CodigoActividadDropdown').fadeOut('slow');
}})；
，即使只有js：
document.getElementById("ClasificarIvaToggle").onclick = function () {
if (this.checked) {
document.getElementById("CodigoActividadDropdown").style.display = "block";
}
else {
document.getElementById("CodigoActividadDropdown").style.display = "none";
}
}当我用console.log(getElementByID(""))记录元素时，我可以看到元素更改了display属性，但它没有显示在我的文档中。
回答 3
Stack Overflow用户
回答已采纳
发布于 2019-11-20 03:39:17
试试这个：
$(document).ready(function() {
$('#ClasificarIvaToggle'). change(function () {
if (this.checked) {
$('#CodigoActividadDropdown').hide();
}
else {
$('#CodigoActividadDropdown').show();
}
});
});Stack Overflow用户
发布于 2019-11-20 03:51:01
我使用了您提供的内容，它在JSfiddle上工作。https://jsfiddle.net/fnchz375/
$('#ClasificarIvaToggle').click(function () {
if (this.checked) {
$('#CodigoActividadDropdown').css("display", "block");
alert("Checekado")
console.log(document.getElementById("CodigoActividadDropdown"))
}
else {
$('#CodigoActividadDropdown').css("display", "none");
alert("UnChecekado")
console.log(document.getElementById("CodigoActividadDropdown"))
}})；
您能从正在获取的控制台中提供任何日志/错误吗？同时，你也可以试着在小提琴上做个例子。
Stack Overflow用户
发布于 2019-11-20 03:54:08
尝试过一次，这不应该失败:)
jQuery('body').on('change','#ClasificarIvaToggle',function(){
if(jQuery(this).is(":checked"))
{
jQuery(this).parents("#ToggleClasificarIVA").find("#CodigoActividadDropdown").show();
}
else
{
jQuery(this).parents("#ToggleClasificarIVA").find("#CodigoActividadDropdown").hide();
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58946184
复制相关文章
相似问题
腾讯云开发者
