jQuery实现点击标题输入详细信息

复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title/title style=' text/CSS ' .div frame { width :260 pxborder :1 px固体# 666;font-size:10px } .div标题{背景色： # eeepadding:5px } .div content { padd :5 pxdisplay : none } .div tip { width :244 pxborder :2 px纯红；padd :8 pxfont-size :9 px；页边距-顶部：5 pxdisplay:none} .txtCss{ border:1px固态#ccc} .div curr color {底色：红色} .BTN分区{填充-顶部：5像素}。BTN区。btncss { border : solid 1px # 535353；width :60 px }/style脚本src=' http : jquery-1。9 .1 .js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ $().divTitle ').单击(函数(){ $(').divTitle ').addClass('divCurrColor ').下一个('。divContent ').css('显示'，'阻止')$('#Button1 ').单击(function(){ var txt value=$(' # Text1 ').val()；var radiovalue=$('#Radio1 ').是(“:checked”)？”男' : '女；var checkvalue=$('#Checkbox1 ').是(' :checked ')？'已婚' : '未婚；$('#divTip ').css('显示'，'块').html(txt值“br/”单选值“br/”检查值)；})})})))/脚本/头体div class=' div frame ' div class=' div title '请输入您的信息/div div class='divContent '姓名：输入id='Text1 '类型='文本'类='txtCss' /br /性别：输入id='Radio1 '名称='科尔多瓦克斯'类型='收音机'值='男'/男输入id='Radio2 '名称='科尔多瓦克斯'类型='收音机'值='女' /女br /婚否：输入id='Checkbox1 '类型='checkbox'/div class='divBtn '输入id='Button1 '类型='按钮'值='提交class=' BTncss ' '//div/div/div id=' DivTip ' class=' DivTip '/div/body/html程序运行实现以下效果

点击标题，输入详细信息，点击确定按钮，完成