select、radio表單回顯功能實(shí)現(xiàn)避免使用jquery載入賦值
更新時(shí)間:2013年06月08日 17:57:50 作者:
select、radio表單回顯避免使用jquery載入賦值,最好的做法是:在jsp頁面進(jìn)行邏輯判斷,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助
select,radio 表單回顯避免使用jquery載入賦值
注意事項(xiàng):
<html>
<body>
<form method="post" action="">
<!-- 如果表單中使用重置功能時(shí),不推薦使用如下代碼 -->
<input type="radio" name="visible" value="1" />顯示<br>
<input type="radio" name="visible" value="0" />隱藏<br>
<select name="orderBy" id="orderBy">
<option value="0">0</option>
<option value="1">1</option>
</select><br>
<input type="reset">
</form>
</body>
</html>
不推薦:使用如下js代碼
<script type="text/javascript">
<!--
$(function(){
//回顯時(shí)并不是真是數(shù)據(jù)的默認(rèn)值
$("input[type=radio][name=visible]").each(function() {
if ($(this).val() == '${teacher.visible}') {
$(this).attr("checked", "checked");
}
});
$("#orderBy option").each(function() {
if ($(this).val() == '${teacher.orderBy}') {
$(this).attr("selected", "selected");
}
});
});
//-->
</script>
最好的做法是:在jsp頁面進(jìn)行邏輯判斷
<!-- 推薦使用如下代碼 -->
<input type="radio" name="visible" value="1" <c:if test="${teacher.visible==1}">checked="checked"</c:if>/>顯示<br>
<input type="radio" name="visible" value="0" <c:if test="${teacher.visible==0}">checked="checked"</c:if>/>隱藏<br>
注意事項(xiàng):
復(fù)制代碼 代碼如下:
<html>
<body>
<form method="post" action="">
<!-- 如果表單中使用重置功能時(shí),不推薦使用如下代碼 -->
<input type="radio" name="visible" value="1" />顯示<br>
<input type="radio" name="visible" value="0" />隱藏<br>
<select name="orderBy" id="orderBy">
<option value="0">0</option>
<option value="1">1</option>
</select><br>
<input type="reset">
</form>
</body>
</html>
不推薦:使用如下js代碼
復(fù)制代碼 代碼如下:
<script type="text/javascript">
<!--
$(function(){
//回顯時(shí)并不是真是數(shù)據(jù)的默認(rèn)值
$("input[type=radio][name=visible]").each(function() {
if ($(this).val() == '${teacher.visible}') {
$(this).attr("checked", "checked");
}
});
$("#orderBy option").each(function() {
if ($(this).val() == '${teacher.orderBy}') {
$(this).attr("selected", "selected");
}
});
});
//-->
</script>
最好的做法是:在jsp頁面進(jìn)行邏輯判斷
復(fù)制代碼 代碼如下:
<!-- 推薦使用如下代碼 -->
<input type="radio" name="visible" value="1" <c:if test="${teacher.visible==1}">checked="checked"</c:if>/>顯示<br>
<input type="radio" name="visible" value="0" <c:if test="${teacher.visible==0}">checked="checked"</c:if>/>隱藏<br>
您可能感興趣的文章:
- Android手機(jī)衛(wèi)士之獲取聯(lián)系人信息顯示與回顯
- Android開發(fā)之完成登陸界面的數(shù)據(jù)保存回顯操作實(shí)例
- Android TableLayout數(shù)據(jù)列表的回顯清空實(shí)現(xiàn)思路及代碼
- Android實(shí)現(xiàn)記住用戶名和密碼功能
- Android實(shí)現(xiàn)帶有記住密碼功能的登陸界面
- Android通過記住密碼功能學(xué)習(xí)數(shù)據(jù)存儲(chǔ)類SharedPreferences詳解及實(shí)例
- bash腳本輸入密碼不回顯問題的解決方法
- 使用Java實(shí)現(xiàn)簡單的server/client回顯功能的方法介紹
- js中利用cookie實(shí)現(xiàn)記住密碼功能
- Android實(shí)戰(zhàn)教程第七篇之如何在內(nèi)存中存儲(chǔ)用戶名和密碼
相關(guān)文章
js中實(shí)現(xiàn)多態(tài)采用和繼承類似的方法
首先定義一個(gè)抽象類,其中調(diào)用一些虛方法,虛方法在抽象類中沒用定義,而是通過其具體的實(shí)現(xiàn)類來實(shí)現(xiàn)2014-08-08js獲取瀏覽器地址(獲取第1個(gè)斜杠后的內(nèi)容)
這篇文章主要給大家介紹了關(guān)于js獲取瀏覽器地址(獲取第1個(gè)斜杠后的內(nèi)容)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09javascript中的prototype屬性使用說明(函數(shù)功能擴(kuò)展)
一說到prototype很多人可能第一個(gè)想到的是著名的prototype.js框架,當(dāng)然我們今天說的不是它,而是Javascript中的prototype屬性,一般都被翻譯為“原型”。2010-08-08JavaScript輸出為[object?Object]問題的解決辦法
平時(shí)我們?cè)诮邮蘸蠖朔祷氐膉son對(duì)象通常是一個(gè)字符串類型的object,所以一般我們要對(duì)這個(gè)object進(jìn)行類型轉(zhuǎn)化后,我們才能使用object里面的數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于JavaScript輸出為[object?Object]問題的解決辦法,需要的朋友可以參考下2023-11-11javascript中的altKey 和 Event屬性大全
本文給大家介紹javascript中的altkey和event屬性大全,涉及到altkey和event屬性語法定義及用法,本文介紹的非常詳細(xì),感興趣的朋友一起看看吧2015-11-11詳解JavaScript中關(guān)于this指向的4種情況
這篇文章主要介紹了JavaScript中關(guān)于this指向的4種情況,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04