JS實現即點即編輯功能代碼

來源:互聯網
上載者:User

效果:

分享代碼嘍:<title></title><br /><table width="100%" cellspacing="0" cellpadding="0" border="0"><tr height="30px"><td></td></tr><tr valign="top" height="300px;"><td width="50%" align="right"><table cellspacing="0" cellpadding="0" width="88%" align="center"><tr><td width="30%" align="center" valign="top"><table id="inputTab_1" cellspacing="0" cellpadding="0" width="100%" align="center" style="margin-top: 0px"><tr><td style="padding-left: 5px; text-align: left; background-color: #EAEBDB; height: 25px; border-bottom: solid 1px #000">配置預算項目</td></tr><tr><td id="inputTd_1_1" height="22px;" onclick="switchShow(true, 1, 1);" style="border-bottom: solid 1px #000;">教育學費<p><input id="inputText_1_1" onblur="switchShow(false,1, 1);" type="text" class="inputmess" style="width: 100%; display: none" value="教育學費">大學學位已成為社會工作的基本門檻,也成為父母提供子女的基本,子女教育具有不具時間彈性和費用彈性,不象房屋規劃和退休規劃,如財禮不足,可以減低標準,子女教育的時間點和費用比較固定,需要及早規劃。</td></tr><tr><td id="inputTd_1_2" height="22px;" onclick="switchShow(true, 2, 1);" style="border-bottom: solid 1px #000;">住宿費<p><input id="inputText_1_2" onblur="switchShow(false,2, 1);" type="text" class="inputmess" style="width: 100%; display: none" value="住宿費">住宿費項目說明。</td></tr><tr><td id="inputTd_1_3" height="22px;" onclick="switchShow(true, 3, 1);" style="border-bottom: solid 1px #000;">生活費<p><input id="inputText_1_3" onblur="switchShow(false,3, 1);" type="text" class="inputmess" style="width: 100%; display: none" value="生活費">生活費項目說明。</td></tr><tr><td id="inputTd_1_4" height="22px;" onclick="switchShow(true, 4, 1);" style="border-bottom: solid 1px #000;">其他<p><input id="inputText_1_4" onblur="switchShow(false,4, 1);" type="text" class="inputmess" style="width: 100%; display: none" value="其他">其他項目說明。</td></tr><tr><td id="inputTd_1_5" height="22px;" onclick="switchShow(true, 5, 1);" style="border-bottom: solid 1px #000;"><p><input id="inputText_1_5" onblur="switchShow(false,5, 1);" type="text" class="inputmess" style="width: 100%; display: none" value=""></td></tr></table><table id="inputTab_2" cellspacing="0" cellpadding="0" width="100%" align="center" style="margin-top: 0px"><tr><td style="padding-left: 5px; text-align: left; background-color: #EAEBDB; height: 25px; border-bottom: solid 1px #000">配置適用地區</td></tr><tr><td id="inputTd_2_1" height="22px;" onclick="switchShow(true, 1, 2);" style="border-bottom: solid 1px #000;">西北地區<p><input id="inputText_2_1" onblur="switchShow(false,1, 2);" type="text" class="inputmess" style="width: 100%; display: none" value="西北地區">配置適用地區,西北地區,項目說明。</td></tr><tr><td id="inputTd_2_2" height="22px;" onclick="switchShow(true, 2, 2);" style="border-bottom: solid 1px #000;">福建省<p><input id="inputText_2_2" onblur="switchShow(false,2, 2);" type="text" class="inputmess" style="width: 100%; display: none" value="福建省">配置適用地區,福建省,項目說明。</td></tr><tr><td id="inputTd_2_3" height="22px;" onclick="switchShow(true, 3, 2);" style="border-bottom: solid 1px #000;">北京市<p><input id="inputText_2_3" onblur="switchShow(false,3, 2);" type="text" class="inputmess" style="width: 100%; display: none" value="北京市">配置適用地區,北京市,項目說明。</td></tr><tr><td id="inputTd_2_4" height="22px;" onclick="switchShow(true, 4, 2);" style="border-bottom: solid 1px #000;"><p><input id="inputText_2_4" onblur="switchShow(false,4, 2);" type="text" class="inputmess" style="width: 100%; display: none" value=""></td></tr><tr><td id="inputTd_2_5" height="22px;" onclick="switchShow(true, 5, 2);" style="border-bottom: solid 1px #000;"><p><input id="inputText_2_5" onblur="switchShow(false,5, 2);" type="text" class="inputmess" style="width: 100%; display: none" value=""></td></tr></table><table id="inputTab_3" cellspacing="0" cellpadding="0" width="100%" align="center" style="margin-top: 0px"><tr><td style="padding-left: 5px; text-align: left; background-color: #EAEBDB; height: 25px; border-bottom: solid 1px #000">配置預算方案</td></tr><tr><td id="inputTd_3_1" height="22px;" onclick="switchShow(true, 1, 3);" style="border-bottom: solid 1px #000;">低成本預算方案<p><input id="inputText_3_1" onblur="switchShow(false,1, 3);" type="text" class="inputmess" style="width: 100%; display: none" value="低成本預算方案">配置預算方案,低成本預算方案,項目說明。</td></tr><tr><td id="inputTd_3_2" height="22px;" onclick="switchShow(true, 2, 3);" style="border-bottom: solid 1px #000;">普通預算方案<p><input id="inputText_3_2" onblur="switchShow(false, 2, 3);" type="text" class="inputmess" style="width: 100%; display: none" value="普通預算方案">配置預算方案,普通預算方案,項目說明。</td></tr><tr><td id="inputTd_3_3" height="22px;" onclick="switchShow(true, 3, 3);" style="border-bottom: solid 1px #000;">豪華預算方案<p><input id="inputText_3_3" onblur="switchShow(false,3, 3);" type="text" class="inputmess" style="width: 100%; display: none" value="豪華預算方案">配置預算方案,豪華預算方案,項目說明。</td></tr><tr><td id="inputTd_3_4" height="22px;" onclick="switchShow(true, 4, 3);" style="border-bottom: solid 1px #000;"><p><input id="inputText_3_4" onblur="switchShow(false,4, 3);" type="text" class="inputmess" style="width: 100%; display: none" value=""></td></tr><tr><td id="inputTd_3_5" height="22px;" onclick="switchShow(true, 5, 3);" style="border-bottom: solid 1px #000;"><p><input id="inputText_3_5" onblur="switchShow(false, 5, 3);" type="text" class="inputmess" style="width: 100%; display: none" value=""></td></tr></table></td><td width="8%" align="center" valign="top" style="padding-right: 5px"><input type="button" value="刪 除" onclick="deleteItem();"></td><td width="50%" align="left" valign="top"><textarea id="inputContent" onblur="saveContent();" style="width: 90%; height: 410px">大學學位已成為社會工作的基本門檻,也成為父母提供子女的基本,子女教育具有不具時間彈性和費用彈性,不象房屋規劃和退休規劃,如財禮不足,可以減低標準,子女教育的時間點和費用比較固定,需要及早規劃。<br />

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.