我有一个表单来创建事件。如果事件重复,用户可以单击一个复选框,该复选框将加载处理重复任务的其他表单字段。
如何设置复选框,以便在单击时加载表单元素,如果未选中,则不显示表单元素(如果需要,则删除)?
答案 0 :(得分:3)
$(document).ready(function(){
// Hide div
$(".hidden_fields").css("display","none");
// Add onclick handler to checkbox w/ class 'toggle_hidden_fields'
$(".toggle_hidden_fields").click(function(){
if ($(".toggle_hidden_fields").is(":checked")) {
// Show the hidden div
$(".hidden_fields").show("fast");
}
else {
// Otherwise, hide it
$(".hidden_fields").hide("fast");
}
});
});
修改自:http://iamzed.com/2006/12/14/using-jquery-to-show-hide-form-elements-based-on-a-checkbox-selection/
* Marc Talbot的帽子提示