jQuery獲取注冊信息并提示實現(xiàn)代碼
更新時間：2013年04月21日 16:49:47 作者：
當(dāng)點擊提交信息的時候，會把用戶在注冊甜的信息收集并以div彈出的方式提示個用戶預(yù)覽以確定信息的準(zhǔn)確性，感興趣的朋友可以參考下，希望對你有所幫助
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(function () {
$("#btnSubmit").click(function () {
var txtName = $('#txtName').val();
var gender = $('#gender').is(':checked') ? '男' : '女';
var isMarry = $('#isMarry').is(':checked') ? '已婚' : '未婚';
$('#divTip').css('display', 'block').html(txtName + '<br/>' + gender + '<br/>' + isMarry);
})
})
</script>
復(fù)制代碼 代碼如下:
<div class="divFrame">
<div class="divTitle">請輸入如下信息</div>
<div class="divContent">
姓名：<input id="txtName" type="text" class="txtcss"/><br />
性別：<input id="gender" name="raGender" type="radio" value="男" />男
<input id="Radio1" name="raGender" type="radio" value="女" />女<br />
婚否：<input id="isMarry" type="checkbox" /><br />
<div class="divBtn"><input id="btnSubmit" type="button" value="提交" class="btnCss" /></div>
</div>
</div>
<div id="divTip" class="divTip"></div>
您可能感興趣的文章:
- 基于jquery+thickbox仿校內(nèi)登錄注冊框
- jquery 彈出層注冊頁面等(asp.net后臺)
- 基于jquery的內(nèi)容循環(huán)滾動小模塊（仿新浪微博未登錄首頁滾動微博顯示）
- 使用Jquery搭建最佳用戶體驗的登錄頁面之記住密碼自動登錄功能（含后臺代碼）
- jQuery實現(xiàn) 注冊時選擇閱讀條款 左右移動
- jQuery回車實現(xiàn)登錄簡單實現(xiàn)
- jQuery實現(xiàn)用戶注冊的表單驗證示例
- jQuery實現(xiàn)彈出窗口中切換登錄與注冊表單
- 基于jquery實現(xiàn)一個滾動的分步注冊向?qū)?附源碼
- jquery實現(xiàn)的用戶注冊表單提示操作效果代碼分享
- jquery實現(xiàn)彈出層登錄和全屏層注冊特效
相關(guān)文章
Bookmarklet實現(xiàn)啟動jQuery(模仿 云輸入法)
最近流行的 sogo云輸入法， QQ云輸入法，都用到了bookmarklet技術(shù)。2010-09-09
jQuery、layer實現(xiàn)彈出層的打開、關(guān)閉功能
這篇文章主要介紹了jQuery、layer實現(xiàn)彈出層的打開、關(guān)閉功能,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了jquery實現(xiàn)多條件篩選特效，推薦給大家，有需要的小伙伴可以參考下。2015-11-11
easyui datebox 時間限制，datebox開始時間限制結(jié)束時間，datebox截止日期比起始日期大的實現(xiàn)代碼
這篇文章主要介紹了easyui datebox 時間限制，datebox開始時間限制結(jié)束時間，datebox截止日期比起始日期大的實現(xiàn)代碼，需要的朋友參考下吧2017-01-01
這篇文章主要為大家詳細介紹了如何使用JavaScript和JQuery制作簡易留言板功能，文中的示例代碼講解詳細，有需要的小伙伴可以參考一下2016-05-05
基于jquery的禁用右鍵、文本選擇功能、復(fù)制按鍵的實現(xiàn)代碼
有時候因為某些原因，需要禁止用戶的右鍵、文本選擇功能、復(fù)制按鍵等操作，那么就可以參考下面的代碼2013-08-08
最近在使用jQuery UI的Dialog控件時發(fā)現(xiàn)如果在此控件放置表單，則所有表單均無法正常提交2011-01-01
jQuery關(guān)于導(dǎo)航條背景切換效果實現(xiàn)示例
導(dǎo)航條背景切換的效果，想必大家在瀏覽網(wǎng)頁時可能會碰到過，下面為大家介紹下使用jquery如何實現(xiàn)，具體思路及代碼如下，感興趣的朋友可以參考下2013-09-09
本文給大家分享的是javascript實現(xiàn)簡單的日期輸入格式化控件的方法和思路，非常的細致實用，推薦給小伙伴們2015-03-03
今天小編就為大家分享一篇關(guān)于AJAX在JQuery中的應(yīng)用詳解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01