复制代码 代码如下: <BR>.divFrame{ width:260px; border:1px solid #666; font-size:10px } <BR>.divTitle{ background-color:#eee; padding:5px} <BR>.divContent{ padding:5px; display:none} <BR>.divTip{ width:244px; border:2px solid red; padding:8px; font-size:9px; margin-top:5px; display:none} <BR>.txtCss{ border:1px solid #ccc} <BR>.divCurrColor{ background-color:Red} <BR>.divBtn{ padding-top:5px} <BR>.divBtn.btnCss{ border:solid 1px #535353; width:60px} <BR> <BR>$(function () { <BR>$('.divTitle').click(function () { <BR>$('.divTitle').addClass('divCurrColor') <BR>.next('.divContent').css('display', 'block') <BR>$('#Button1').click(function () { <BR>var txtvalue = $('#Text1').val(); <BR>var radiovalue = $('#Radio1').is(':checked')?"男" : "女"; <BR>var checkvalue = $('#Checkbox1').is(':checked')?"已婚" : "未婚"; <BR>$('#divTip').css('display','block').html(txtvalue + "<br/>" + radiovalue + "<br/>" + checkvalue); <br><br><BR>}) <br><br><BR>}) <br><br>}) <br><br> 请输入您的信息 姓名： 性别：男 女 婚否： 程序运行实现以下效果： 点击标题，输入详细信息，点击确定按钮，完成
