好的...我将尝试简化此示例。我所拥有的是一个带有一些动态创建的复选框的表单。此表单将用于插入新记录以及编辑现有记录。我想做的是有一个脚本来检查页面加载时的复选框。如果它们是零选中复选框,则具有该按钮的 div 将被隐藏。一旦用户选中一个复选框,按钮就会显示出来。这是我拥有的代码。
jQuery
if ($(".uniForm input:checkbox:checked").length > 0) {
$(".buttonHolder").show(); // any one is checked
} else {
$(".buttonHolder").hide(); // none is checked
}
冷融合/HTML
<cfform ACTION="about:blank" name="formSend" class="uniForm">
<cfset i = 1>
<cfloop query="qRooms">
<cfif variables.active is 1>
<input type="checkbox" id="checkbox_#i#" name="app_#ApplianceTypeID#_chk" style="width:50px" checked>
<cfelse>
<input type="checkbox" id="checkbox_#i#" name="app_#ApplianceTypeID#_chk" style="width:50px">
</cfif>
</cfloop>
</cfform>
<div class="buttonHolder" id="buttonfield">
<button type="submit" class="secondaryAction" onClick="window.location='index-10.cfm'; return false;">Cancel and go back</button>
<button type="submit" class="primaryAction">Submit</button>
</div>
我想我很接近了……对 .change 事件有点困惑。