前端radio单选框默认选中_开发记录篇前端内容1
????????有段時(shí)間沒有更新文章了,因?yàn)槭怯玫墓倦娔X,沒有虛擬機(jī),所以就沒法演示hadoop相關(guān)的東西了,而且大數(shù)據(jù)篇的東西需要花費(fèi)一些時(shí)間和精力去收集整理內(nèi)容,那大數(shù)據(jù)篇就先暫停一下。最近這段時(shí)間的話我可能會(huì)更新一些開發(fā)記錄的東西,就相當(dāng)于我自己工作或?qū)W習(xí)中的筆記吧,比如有面試相關(guān)的知識(shí)點(diǎn)、前端相關(guān)的、后端框架相關(guān)的以及數(shù)據(jù)庫知識(shí)點(diǎn)等等。
? ? ? ??本篇的話就先從前端的內(nèi)容開始吧,你們可能沒注意到,前邊我分享的所有內(nèi)容都是后端的內(nèi)容,沒有任何前端的東西,說實(shí)話前端的知識(shí)也是我的一個(gè)弱項(xiàng),所以我經(jīng)常會(huì)整理一些我搞不太懂的一些前端知識(shí),可能有一些比較傻的比較簡單的也整理了,大家不感興趣的話可以直接劃走了,哈哈。
1、這個(gè)是通過iframe嵌套自己的一套菜單,菜單的相關(guān)項(xiàng)是對應(yīng)的后臺(tái)代碼到其他系統(tǒng)動(dòng)態(tài)獲取的菜單項(xiàng)數(shù)據(jù),然后返回到頁面上。
//改為調(diào)用自己拼接的菜單獲取方法<iframe id="caidan" width="100%" frameborder="0" scrolling=yes style="overflow-x:hidden;scrollbar-arrow-color:rgb(230,51,10);background-color:#e7340c;"src="${ctx}/saaUser/showMenu.do?systemCode=csm&userCode=${userInfo.userCode}" id="left" name="left" height="554">iframe>2、將form表單中的項(xiàng)置為不可變后(disabled)提交form表單時(shí),該項(xiàng)不會(huì)傳至后臺(tái),所以在提交form表單之前,可以先將disabled屬性移除,再提交form表單。然后提交完后可以再添加disabled屬性。
//移除屬性document.getElementById("secondComCode_1").removeAttribute("disabled");//?或者使用jquery將所有設(shè)置的disabled屬性全部清空$(":disabled").removeAttr("disabled");//添加disabled屬性var qjflag = get("qjflag");qjflag[0].selected='selected';qjflag.disabled='disabled';3、jsp頁面上獲取后臺(tái)數(shù)據(jù):
var insurerCode = '';var?comLevel?=?'${session.companyInfoVo.company1.comLevel}';4、多選框的全選和反選
//全選 function checkAll() { var objCheck = document.getElementsByName("transactCom"); for (var i = 0; i < objCheck.length; i++) { objCheck[i].checked = true; } } //反選 function checkReverse() { var objCheck = document.getElementsByName("transactCom"); for (var i = 0; i < objCheck.length; i++) { objCheck[i].checked = !objCheck[i].checked; }}5、獲取單選框的選中值
//獲取單選框的選中值?var?val=$('input:radio[name="queryDate"]:checked').val();6、下拉框取值問題
// 取被選中的值方法1var policyState = document.getElementById("policyState").value;//?取被選中的值方法2//先獲取當(dāng)前選擇項(xiàng)的索引.再獲取當(dāng)前選擇項(xiàng)的值var index=document.getElementById("AreaId").selectedIndex;document.getElementById("AreaId").options[index].value;//?取被選中的值方法3//循環(huán)遍歷判斷哪個(gè)被選中了?然后獲取選中的值var?obj=document.getElementById("AreaId");???for(i=0;i//下拉框的長度就是它的選項(xiàng)數(shù).??????if(obj[i].selected==true)?{??????????var?text=obj[i].value;//獲取當(dāng)前選擇項(xiàng)的值. } }//?取被選中的值方法4 ??$("#projecttype").find("option:selected").val();//?取被選中的值方法5$("#projecttype?option:selected").val(); ??// 取value為0的選項(xiàng)的文本值??$('#projecttype?option[value?=?"0"]').text();??//獲取被選中的選項(xiàng)的屬性emoney的值var iteValue = $("#ddl").find("option:selected").attr("emoney");7、判斷多選框是否被選中
function isCheckBoxNull(field){ var flag = false; for(var i=0;i if(field[i].checked){ flag = true; break; } } return flag;?}8、js創(chuàng)建數(shù)組的三種方法
//創(chuàng)建數(shù)組的第一種方法int[] arr=new int[6];//創(chuàng)建數(shù)組的第二種方法int[] x={1,2,3,4};//創(chuàng)建數(shù)組的第三種方法。int[] y= new int[]{1,2,3,4,5};9、動(dòng)態(tài)添加下拉框的選項(xiàng)
document.getElementById("businessType").options.add(new Option("綜合拓展","02"));10、ajax調(diào)用后臺(tái)
$.ajax({ //請求方式 ????type:?"post",? ????// 請求地址 ????url:?"${ctx}/automation/querySubordinate.do",?????//?請求參數(shù)????data:?{"comCode":?comCode,"compCode":compCode,"comLevel":comLevel},??? // 返回的數(shù)據(jù)格式??? dataType : "json",??? // false同步請求、true異步請求????async?:?false,??? //成功回調(diào)方法 ??? success:?function?(data)?{????//前臺(tái)頁面使用的yahoo的框架 很老的 var result = YAHOO.lang.JSON.parse(data); for (var i = 0; i < result.data.length; i++) { comCodeSelect.append("" + result.data[i].comCname.replace("*","") + ""); } },?????//失敗回調(diào)方法 error: function () { alert("加載失敗"); }});11、js定時(shí)器操作
//注冊定時(shí)器 timeid = window.setInterval(scanDownload, 5000);// 清除定時(shí)器window.clearInterval(timeid); // 注冊帶有參數(shù)的定時(shí)器timeid = window.setInterval(_scanDownload(flagNum), 5000);/***由于定時(shí)器只能執(zhí)行不帶參數(shù)的方法,所以使用另一函數(shù)包裝一次目標(biāo)函數(shù),可實(shí)現(xiàn)定時(shí)執(zhí)行帶參數(shù)的函數(shù)*/function _scanDownload (flagNum){ return function(){ scanDownload(flagNum); }}12、動(dòng)態(tài)加載后臺(tái)獲取的下拉框內(nèi)容渲染到頁面上
"display: none" id="company1"> <c:forEach items="${proCompany1}" var="company"> <option value="${company.id.comCode}">${fn:replace(company.comCname,"自治區(qū)","")}option> c:forEach>div>//獲取下拉框var secondComCode = $("#secondComCode_1");//清空下拉框中的內(nèi)容secondComCode.empty();//獲取div中的內(nèi)容var s = $("#company1").html();//將div中的內(nèi)容添加到下拉框中secondComCode.append(s);13、注冊與取消onchange事件
//注冊onchange事件secondComCode.change(function() { queryComCodeNew(this,compname);});//取消onchange事件secondComCode.unbind("change");14、文字格式與反格式化
/***??將任務(wù)說明中的空格、回車等特殊字符進(jìn)行轉(zhuǎn)換入庫,以便在頁面展示時(shí)格式化*/ function changeTaskStatement(){ var taskStatement = document.getElementById("taskStatement").value; //將頁面輸入內(nèi)容轉(zhuǎn)換格式 var des = taskStatement.replace(/\r\n/g, '').replace(/\n/g, '
').replace(/\s/g, ' '); ???????$("#taskStatementHide").val(des); }/*** 加載頁面時(shí),進(jìn)行文字內(nèi)容反轉(zhuǎn)換*/ function univerTaskStatement(){ var taskStatement = document.getElementById("taskStatement").value; var re1 = /(
|
|
|
)/g; var re2 = /(\ )/g; //將數(shù)據(jù)庫加載內(nèi)容內(nèi)容轉(zhuǎn)換格式 var des = taskStatement.replace(re1,"\n").replace(re2,"\s"); //將轉(zhuǎn)換后的內(nèi)容賦給多行文本框???????document.getElementById("taskStatement").value?=?des; }
15、設(shè)置刷新自動(dòng)加載事件間隔時(shí)間
// 設(shè)置刷新自動(dòng)加載的事件間隔為 5 秒?response.setIntHeader("Refresh",?5);????????ok,今天就暫時(shí)整理這些吧,后續(xù)還會(huì)繼續(xù)更新整理相關(guān)的內(nèi)容...
總結(jié)
以上是生活随笔為你收集整理的前端radio单选框默认选中_开发记录篇前端内容1的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JDBC的应用
- 下一篇: Accusoft结构化工具包FormSu