下拉菜單
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;
}
}
}
};