jQuery實作點擊標題輸入詳細資料_jquery

複製代碼代碼如下：

UBL "-/ DTD XHTML 1.0 過渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


標題>

.divFrame{ 寬度:260px;邊框：1px實心#666 ；字型大小：10px }
.divTitle{ 背景顏色：#eee;填滿：5px}
.divContent{ 填滿：5px;顯示：無}
.divTip{ 寬度：244px;紅色；內邊距：8px；字體大小：9px；頂部邊距：5px；顯示：無}
.txtCss{ 邊框：1px 實心#ccc}
.divCurrColor{ 背景顏色：紅色}
.divBtn{ 填滿頂部：5px}
.divBtn.btnCss{ 邊框：實心1px #535353；寬度：60px}



$(function () {
$('.divTitle').click(function () {
$('.divTitle').addClass('divCurrColor')
.next(' .divContent').css('顯示', '區塊')
$('#Button1') .click(function () {
var txtvalue = $('#Text1').val();
var radiovalue = $('#Radio1').is(':checked')?"男" : "女";
var checkvalue = $('#Checkbox1').is(':checked' )?"已婚" : "未婚"
$('#divTip').css('display ','block').html(txtv​​alue "
" radiovalue "
" 檢查值);


})


})

})


頭>

請輸入您的資訊

姓名：>
性別：男
女
>
結婚否：

< ;/div>

程式運作實現以下效果：

點擊標題，輸入詳細信息，點擊確定按鈕，完成