Question

我正在使用Bootstrap Validator中的条件字段表单，并且不知道足够的Javascript来使最后一件事工作。

现在的表格是live here

我的问题是“...要发给我的小册子”和“......安排现场演示”需要打开相同的地址字段，但是，如果你检查“......发送的小册子对我来说，“然后检查”......安排现场演示“田野开放然后再关闭。

如何创建一个if语句来验证该字段是否已经可见，如果是，则将其保持打开状态，打开它是不是？

Answer 1

看起来bootstrapValidator.js文件正在按类查询复选框，两个复选框都有名称＆＃34; topic []＆＃34;具有相同的＆＃34;地址＆＃34;的值。您可以为每个字段指定其唯一ID，添加javascript告诉页面以查看是否选中了其中一个复选框，然后将样式显示设置为阻止。

尝试

//HTML - Added ID's to each and the onclick='showblock()'
<input type='checkbox' value='address' name='topic[]' id='address1' onclick='showblock()'></input>
<input type='checkbox' value='address' name='topic[]' id='address2' onclick='showblock()'></input>
<div data-topic="address" style="display: block;" id="addressform">

//JS 
function showblock() {
    if (document.getElementById("address1").checked == true || document.getElementById("address2").checked == true) { 
        document.getElementById("addressform").style.display = "block";
    } else {
        document.getElementById("addressform").style.display = "none";
    }
}

这应该有效，如果它没有，那么bootstrapValidator可能会覆盖它，你可以改变＆＃34;地址＆＃34;的值。除了地址以外的东西。

有条件地隐藏/显示字段带复选框

1 个答案: