checkbox是否选择触发多行文本显示隐藏

<tr id="gdzwfwwba" style="display: none">
<th colspan="2">是否已在"广东政务服务网"备案</th>
<td colspan="2"><input type="text" class="InputStyle2" id="$2c9090849b97eea7019c9887490f0be7$" name="f94975f1fbca792f00fbe89ddf6918d9" value="[可编辑]造价项目文件审批.是否已在广东政务服务网备案-是 [field085]">是&nbsp; <input type="text" class="InputStyle2" id="$2c9090849b97eea7019c9887d4d50be9$" name="f94975f1fbca792f00fbe89ddf6918d9" value="[可编辑]造价项目文件审批.是否已在广东政务服务网备案-否 [field086]">否<span class="icoM iMNnu"></span></td>
</tr>
<tr id="nobareason" style="display: none">
<th colspan="2">不备案的原因</th>
<td colspan="2"><input type="text" class="InputStyle2" id="$2c9090849b97eea7019c988853250beb$" name="f94975f1fbca792f00fbe89ddf6918d9" value="[可编辑]造价项目文件审批.未备案原因 [field087]"></td>
</tr>

 

//预算编制/审核、工程量清单编制、招标控制价编制，这几个阶段增加是否已在"广东政务服务网"备案，选项”是 否(如果勾选否，需要注明为什么不备案的原因)
var isNoCheckbox = document.querySelector('input[name=field_2c9090849b97eea7019c9887d4d50be9]');//勾选否
var nobareasons = document.getElementById('nobareason');//不备案的原因框
if(isNoCheckbox) {
// 切换原因输入框的显示/隐藏
isNoCheckbox.addEventListener('change', function () {
if (this.checked) {
// 选中"不备案"，显示原因输入框
nobareasons.style.display = "";
} else {
// 未选中"不备案"，隐藏原因输入框
nobareasons.style.display = 'none';
}
});
}