十、页面加载时对复选框、下拉列表、单选框默认进行选中及提交请求时判断单选按钮是否选中
1、功能点1:页面加载时,对复选框进行默认选中
<input type="hidden" id="exchFeatureCodeValue" value="<c:out value='${actionDescList.exchFeatureCode}'/>">
<tr>
<td><input type="checkbox" name="exchFeatureCode" id="STR0001" value="STR0001" onclick="esClick()">STR0001:金额较大</td>
</tr>
<tr>
<td><input type="checkbox" name="exchFeatureCode" id="STR0002" value="STR0002" onclick="esClick()">STR0002:累计金额较大</td>
</tr>
function load() {
exchFeatureCode=document.getElementById("exchFeatureCodeValue").value;
testSelect(exchFeatureCode);
}
function testSelect(exchFeatureCode){
var featureCodeChkbox = document.getElementsByName("exchFeatureCode");
for(var j=0;j<featureCodeChkbox.length;j++){
if(exchFeatureCode.indexOf(featureCodeChkbox[j].value)>=0){
featureCodeChkbox[j].checked=true;
}
}
}
函数说明:String.IndexOf 方法 (Char, [startIndex], [count])
报告指定字符在此实例中的第一个匹配项的索引。搜索从指定字符位置开始,并检查指定数量的字符位置
1)str1.IndexOf("人") :查找“人”在str1中的索引值(位置),如果找到该字符,则为 value 的索引位置;如果未找到,则为 -1
备注: [startIndex] 可选项,搜索起始位置。不设置则从0开始
2)str1.IndexOf("字",start,end);//从str1第start+1个字符起,查找end个字符,查找“字”在字符串STR1中的位置[从第一个字符算起]注意:start+end不能大于str1的长度
经典示例:
test.indexof('d') 从前向后 定位 d 第一次出现的位置
test.indexof('d',1) 从前向后 定位 d 从第三个字符串第一次出现的位置
test.indexof('d',5,2) 从前向后 定位 d 从第5 位开始查,查2位,即 从第5位到第7位;
lastindexof() : 从后向前 定位 字符和字符串
2、功能点2:回写页面时,下拉列表中数据从后台获取;选中分类下拉列表中的自然人时,【导出Excle】按钮置为不可用
1 功能2.1:后台java进行回写到前台代码(框架为spring1.2.8+ibatis1.0) 2 map.put("selectPattern", pattern);//前台获取的pattern值 3 map.put("code1", "个人"); 4 map.put("code2", "组织"); 5 return new ModelAndView(this.getGenQueryView(), map); 6 7 功能点2.2:获取后台值进行下拉列表默认选中 8 <td align="center">分类</td> 9 <td> 10 <select id="pattern" name="pattern" style="width:210px;" onchange="fun(this)"> 11 <option value="<c:out value='${code1}'/>" 12 <c:if test="${code1==selectPattern}">selected="selected"</c:if>> 13 <c:out value="${code1}" /> 14 </option> 15 <option value="<c:out value='${code2}'/>" 16 <c:if test="${code2==selectPattern}">selected="selected"</c:if>> 17 <c:out value="${code2}" /> 18 </option> 19 </select> 20 </td> 21 22 <td style="border:0" align="center" colspan="6"> 23 <input name="query" id="query" type="submit" value="查 询" /> 24 <input id="exportButton" type="button" value="导出Excel" onclick="javaScript: exportExcl();" /> 25 </td> 26 27 功能点2.3:当分类选中自然人时,导出按钮置为失效状态 28 function fun(obj){ 29 var patternValue=$("#pattern").find("option:selected").text();//选中的文本 30 if(patternValue=="自然人"){ 31 $("#exportButton").attr("disabled", true); 32 }else{ 33 $("#exportButton").attr("disabled", false); 34 } 35 }
3、功能点3:点击【审核通过】按钮时,判断是否选中一条待审核记录的前面的单选按钮
<input type="button" value="审核通过" onclick="updateAudit('dataConAuditAction.do?action=updateReportAuditById','radio')">
function updateAudit(dispacher, control) {
var currentpage = document.getElementById("currentpagevalue").value;
var count = 0;
var frm = document.dataAuditListFrom;
var tmp;
for (i = 0; i < frm.elements.length; i = i + 1) {
var e = frm.elements[i];
if (e.type === control && e.checked === true) {
count = count + 1;
tmp = e.value;
}
}
if (count > 0) {
$.ajax({
type: "post",
url: dispacher,
data: {"insurCode" : tmp,
"currentPage" : currentpage,
"pageDirection" : 'current'
},
success: function(data) {
if(data == 'OK' && dispacher=='kyDataHeadAuditAction.do?action=updateReportAuditById'){
alert( '审核成功!点击确定刷新列表');
seachHeadPage('');
}else if (data == 'OK') {
alert( '审核成功!点击确定刷新列表');
location.reload();
}else{
alert('审核失败,请稍后再试!');
}
},
error: function(data) {
alert("系统错误,请稍后再试!");
}
})
} else {
alert("请选择一条记录!");
}
}
细水长流,打磨濡染,渐趋极致,才是一个人最好的状态。

浙公网安备 33010602011771号