我有一个小组合框,允许用户选择他们想要注册活动的家庭成员数量。但如果家庭成员不是美国公民,我想展示第二组选项让他们进入。我可以动态添加元素,但我不知道如何显示/隐藏公民字段。
我是 jQuery 新手,所以我可能以错误的方式执行此操作,但这是添加字段的函数:
function familySize() {
while (famElements < $("#famNum").val()) { // add fields
addFields = '<div class="member"> Name: <input id="name" type="text" placeholder="Name" required> <input id="cit" type="checkbox" onChange="citizenInfo()" > Non U.S. Citizen?<br/></div> <div class="citInfo" style="display:none"> <input id="countryCitizenship" type="text" placeholder="Citizenship" required> </div>';
document.getElementById('famItems').innerHTML += addFields;
famElements++;
}
while (famElements > $("#famNum").val()) { // remove fields
console.log("remove one");
$('#famItems div:last').remove();
famElements--;
}
}
<div id="famItems">
</div>
citInfo div 上的 style="display:none" 最初确实隐藏了它,但我只需要弄清楚如何捕获复选框上的点击以隐藏/显示公民文本输入。