????????有段時間沒有更新文章了，因為是用的公司電腦，沒有虛擬機，所以就沒法演示hadoop相關的東西了，而且大數據篇的東西需要花費一些時間和精力去收集整理內容，那大數據篇就先暫停一下。最近這段時間的話我可能會更新一些開發記錄的東西，就相當于我自己工作或學習中的筆記吧，比如有面試相關的知識點、前端相關的、后端框架相關的以及數據庫知識點等等。

? ? ? ??本篇的話就先從前端的內容開始吧，你們可能沒注意到，前邊我分享的所有內容都是后端的內容，沒有任何前端的東西，說實話前端的知識也是我的一個弱項，所以我經常會整理一些我搞不太懂的一些前端知識，可能有一些比較傻的比較簡單的也整理了，大家不感興趣的話可以直接劃走了，哈哈。

1、這個是通過iframe嵌套自己的一套菜單，菜單的相關項是對應的后臺代碼到其他系統動態獲取的菜單項數據，然后返回到頁面上。

//改為調用自己拼接的菜單獲取方法<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表單中的項置為不可變后(disabled)提交form表單時，該項不會傳至后臺，所以在提交form表單之前，可以先將disabled屬性移除，再提交form表單。然后提交完后可以再添加disabled屬性。

//移除屬性document.getElementById("secondComCode_1").removeAttribute("disabled");//?或者使用jquery將所有設置的disabled屬性全部清空$(":disabled").removeAttr("disabled");//添加disabled屬性var qjflag = get("qjflag");qjflag[0].selected='selected';qjflag.disabled='disabled';

3、jsp頁面上獲取后臺數據：

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//先獲取當前選擇項的索引.再獲取當前選擇項的值var index=document.getElementById("AreaId").selectedIndex;document.getElementById("AreaId").options[index].value;//?取被選中的值方法3//循環遍歷判斷哪個被選中了?然后獲取選中的值var?obj=document.getElementById("AreaId");???for(i=0;i//下拉框的長度就是它的選項數.??????if(obj[i].selected==true)?{??????????var?text=obj[i].value;//獲取當前選擇項的值.　　　　}　 }//?取被選中的值方法4　??$("#projecttype").find("option:selected").val();//?取被選中的值方法5$("#projecttype?option:selected").val();　??//　取value為0的選項的文本值??$('#projecttype?option[value?=?"0"]').text()；??//獲取被選中的選項的屬性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創建數組的三種方法

//創建數組的第一種方法int[] arr=new int[6];//創建數組的第二種方法int[] x={1,2,3,4};//創建數組的第三種方法。int[] y= new int[]{1,2,3,4,5};

9、動態添加下拉框的選項

document.getElementById("businessType").options.add(new Option("綜合拓展","02"));

10、ajax調用后臺

$.ajax({ //請求方式 ????type:?"post",? ????// 請求地址 ????url:?"${ctx}/automation/querySubordinate.do",?????//?請求參數????data:?{"comCode":?comCode,"compCode":compCode,"comLevel":comLevel},??? // 返回的數據格式??? dataType : "json",??? // false同步請求、true異步請求????async?:?false,??? //成功回調方法 ??? success:?function?(data)?{????//前臺頁面使用的yahoo的框架 很老的 var result = YAHOO.lang.JSON.parse(data); for (var i = 0; i < result.data.length; i++) { comCodeSelect.append("" + result.data[i].comCname.replace("*","") + ""); } },?????//失敗回調方法 error: function () { alert("加載失敗"); }});

11、js定時器操作

//注冊定時器 timeid = window.setInterval(scanDownload, 5000);// 清除定時器window.clearInterval(timeid); // 注冊帶有參數的定時器timeid = window.setInterval(_scanDownload(flagNum), 5000);/***由于定時器只能執行不帶參數的方法，所以使用另一函數包裝一次目標函數，可實現定時執行帶參數的函數*/function _scanDownload (flagNum){ return function(){ scanDownload(flagNum); }}

12、動態加載后臺獲取的下拉框內容渲染到頁面上

"display: none" id="company1"> <c:forEach items="${proCompany1}" var="company"> <option value="${company.id.comCode}">${fn:replace(company.comCname,"自治區","")}option> c:forEach>div>//獲取下拉框var secondComCode = $("#secondComCode_1");//清空下拉框中的內容secondComCode.empty();//獲取div中的內容var s = $("#company1").html();//將div中的內容添加到下拉框中secondComCode.append(s);

13、注冊與取消onchange事件

//注冊onchange事件secondComCode.change(function() { queryComCodeNew(this,compname);});//取消onchange事件secondComCode.unbind("change");

14、文字格式與反格式化

/***??將任務說明中的空格、回車等特殊字符進行轉換入庫，以便在頁面展示時格式化*/ function changeTaskStatement(){ var taskStatement = document.getElementById("taskStatement").value; //將頁面輸入內容轉換格式 var des = taskStatement.replace(/\r\n/g, '
').replace(/\n/g, '
').replace(/\s/g, '&nbsp'); ???????$("#taskStatementHide").val(des); }/*** 加載頁面時，進行文字內容反轉換*/ function univerTaskStatement(){ var taskStatement = document.getElementById("taskStatement").value; var re1 = /(
|
|
|
)/g; var re2 = /(\&nbsp)/g; //將數據庫加載內容內容轉換格式 var des = taskStatement.replace(re1,"\n").replace(re2,"\s"); //將轉換后的內容賦給多行文本框???????document.getElementById("taskStatement").value?=?des; }

15、設置刷新自動加載事件間隔時間

// 設置刷新自動加載的事件間隔為 5 秒?response.setIntHeader("Refresh",?5);

????????ok，今天就暫時整理這些吧，后續還會繼續更新整理相關的內容...

總結

以上是生活随笔為你收集整理的前端radio单选框默认选中_开发记录篇前端内容1的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。