假设HTML这样的:
Type:
one
two
和CSS这样的:(隐藏除了类型选择的所有表单域)
.second{
display:none
}
您可以使用jQuery JavaScript库显示/隐藏所需表格字段的动态如下:
// when type radio button is pressed
$('#type-1,#type-2').change(function(){
// hide all form fields
$('.second').hide()
// if type is 1
if($('#type-1:checked').length){
// show name and email fields
$('#name,#email').show()
// else if type is 2
}else if($('#type-2:checked').length){
// show name, email and credit-card fields
$('#name,#email,#credit-card').show()
}
})
结果必须由服务器端脚本使用您选择的任何语言处理。