laravel-admin checkbox 改变值 使另一个组件隐藏
您可以在checkbox的change事件中使用JavaScript来操作另一个组件的显示/隐藏状态。以下是示例代码:
HTML:
<input type="checkbox" id="myCheckbox">显示/隐藏另一个组件</input>
<div id="myOtherComponent">这是另一个组件</div>
JavaScript:
var myCheckbox = document.getElementById("myCheckbox");
var myOtherComponent = document.getElementById("myOtherComponent");
myCheckbox.addEventListener("change", function() {
if (myCheckbox.checked) {
myOtherComponent.style.display = "none";
} else {
myOtherComponent.style.display = "block";
}
});
在这个示例中,我们使用JavaScript来获取checkbox和另一个组件的元素。然后,我们添加了一个事件监听器来监听checkbox的change事件。在事件处理程序中,我们检查checkbox的checked属性来确定它是否被选中。如果被选中,我们设置另一个组件的display属性为“none”,这将使它隐藏。如果未被选中,我们将display属性设置为“block”,这将使它显示
原文地址: https://www.cveoy.top/t/topic/fjUG 著作权归作者所有。请勿转载和采集!