<input name="crowd" type="hidden"/> <p><inputtype="checkbox" value="137"/><span>老人</span></p> <p><inputtype="checkbox" value="138"/><span>青年</span></p> <p><inputtype="checkbox" value="139"/><span>兒童</span></p> </div> 該復(fù)選框族是選出適宜人群,在js中對其操作如下: var crowd=[],//聲明存取復(fù)選框值的數(shù)組 $("#crowd input:checkbox:checked").each(function(){ crowd.push(this.value); });//遍歷復(fù)選框,,將選中的值存入crowd 數(shù)組 $("#crowdinput:hidden").val(crowd.join(","));//從crowd數(shù)組中取出值,,并且將這些值串成一個字符串,值與值之間用逗號分隔,。 例如選中老人和兒童,,則參數(shù)格式如下:...?crowd=137,139 3.select jquery中select的操作相對簡單,但是,,可以通過append()函數(shù)動態(tài)的添加option項(xiàng)即可,。 例如頁面中有一個select控件如下: <select id="crowd" name="crowd"> <optionvalue="-1">請選擇</option> </select> js代碼如下所示: var crowd="老人 137,青年 138,兒童 139"; //選項(xiàng)字符串?dāng)?shù)組 crowd=crowd.split(",");//字符串分割 vartemp=$("#crowd");//獲取頁面中的對象 $each(crowd,function(){ //遍歷選項(xiàng)串 var value=this.split(" "); //將選項(xiàng)串繼續(xù)分隔 temp.append($("<option/>").html(value[0]).attr("value",value[1]));//添加option }); 至此,select選項(xiàng)的初始化已經(jīng)完成,,由于該控件大多數(shù)情況下是使用的單值,,所以表單值的獲取不需要再寫 此外select最重要的一個事件就要數(shù)onChange了,只需要在頁面上加上onchange事件聲明,,然后再在jQuery中處理即可,。 4.字符串函數(shù) 字符串的包裝是許多語言中很重要的應(yīng)用,因?yàn)榉浅?shí)用,,使用概率也很高,,js也不例外,對字符串進(jìn)行了一系列的封裝,,具體方法如下:
|
|