單選框,復選框和下拉框回顯賦值問題


下拉菜單

html:

<tr>
<td>是否銷戶</td>
<td>
<select name="brand.isexist">
<option value="0">--已銷戶--</option>
<option value="1">--在戶--</option>
</select>
</td>
</tr>

jsp:

是否銷戶
<select name="brand.isexist" id="isexist">
<option value="0">--已銷戶--</option>
<option value="1">--在戶--</option>
</select>

$("#isexist").val("${brand.isexist}");

單選框

html:

<tr>
<td>性別</td>
<td><input type="radio" name="brand.gender" value="0" checked="checked">男
<input type="radio" name="brand.gender"value="1">女
</td>
</tr>

 

jsp:

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

性別
<c:choose>
<c:when test="${brand.gender==0 }">
<input type="radio" name="brand.gender" value="0" checked="checked">男
<input type="radio" name="brand.gender" value="1">女
</c:when>
<c:when test="${brand.gender==1 }">
<input type="radio" name="brand.gender" value="0" >男
<input type="radio" name="brand.gender" value="1" checked="checked">女
</c:when>
</c:choose>

 

復選框:

html:

<tr>
<td>習慣</td>
<td><input type="checkbox" name="brand.hobby" value="吃飯" id="like">吃飯
<input type="checkbox" name="brand.hobby" value="睡覺" id="like">睡覺
<input type="checkbox" name="brand.hobby" value="打豆豆" id="like">打豆豆
</td>
</tr>

jsp:

//當頁面加載完成的時候,自動調用
/* var like = '${brand.hobby}';
$("input[name='brand.hobby']").each(function(i,v){

if(like.indexOf($(v).val())>=0)
$(v).attr("checked","true")
}); */

window.onload=function(){
//獲取所有復選框
var hobby = document.getElementsByName("brand.hobby");
//獲取字符串,替換防止出現空格
var like = '${brand.hobby}'.replace(" ", ",");
//去掉,號
var pay = like.split(",");
for(var i=0;i<hobby.length;i++){
for(var j=0;j<pay.length;j++){
//如果值與修改前的值相等
if(hobby[i].value==pay[j]){
hobby[i].checked = true;
break;
}
}
}
};


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM