复制代代码如下: <br>.divFrame{幅:260px;ボーダー:1px ソリッド #666; font-size:10px } <br>.divTitle{ 背景色:#eee;パディング:5px} <br>.divContent{ パディング:5px;表示:なし} <br>.divTip{幅:244px;ボーダー: 2 ピクセルの赤一色;パディング:8px;フォントサイズ:9px;マージントップ:5px;表示:なし} <br>.txtCss{ border:1px ソリッド #ccc} <br>.divCurrColor{ 背景色:赤} <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> 输入您の情報 姓名: 性别:男 女 婚否: < ;/div> 点击标题,输入详细信息,点击确定按钮,完了