在做專案的時候，常常碰到寫修改頁面mod 的時候，前端介面中有些多項選擇checkbox或者單項選擇radio或者列表選擇select預設是要給他們自動新增被選擇狀態的。這個時候封裝一個自動選中函式就一勞永逸，很方便呼叫。

可以用純原生js來實現。我這裡是混合著Jquery寫的，必須先引入才能正確執行。

（很少寫部落格，語文表達能力不好，寫得不好的地方歡迎指正，交流討論）

他們分別對應的標籤是

標籤             被選中狀態

checkbox     checked

radio           checked

select          selected

例如：

公司分別有：技術部、銷售部、客服部。當前資料中有個會員小李，她是屬於客服部的。

那麼點選修改她的資訊的時候，要預設選中為客服部。如下截圖示：

<select name="group_id" id="" class="col-md-2 form-control">
													  		<option class="group_ops" value="1">技術部</option>
						  							  		<option class="group_ops" value="2">客服部</option>
						  							  		<option class="group_ops" value="3">銷售部</option>
</select>
 

		    // 自動選中函式 引數：cls_name類名   data值   tag標籤 
		   
			function auto_select(cls_name,data,tag){
				var cls_name = "."+cls_name;
				var data    = data;
				for (var i   = $(cls_name).length - 1; i >= 0; i--) {
					var opt_val = $(cls_name).eq(i).val();
					if( data == opt_val){
						$(cls_name).eq(i).attr(tag,tag);
					}
				}
			}//f
			auto_select('group_ops','{$group_id}','selected');
 

就這樣，十行程式碼，即可實現自動選中。 第三個引數可以自定義，根據實際情況，使用selected 或者checked 或者其它自定義標籤！