<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> 该复选框族是选出适宜人群,在js中对其操作如下: var crowd=[],//声明存取复选框值的数组 $("#crowd input:checkbox:checked").each(function(){ crowd.push(this.value); });//遍历复选框,将选中的值存入crowd 数组 $("#crowdinput:hidden").val(crowd.join(","));//从crowd数组中取出值,并且将这些值串成一个字符串,值与值之间用逗号分隔。 例如选中老人和儿童,则参数格式如下:...?crowd=137,139 3.select jquery中select的操作相对简单,但是,可以通过append()函数动态的添加option项即可。 例如页面中有一个select控件如下: <select id="crowd" name="crowd"> <optionvalue="-1">请选择</option> </select> js代码如下所示: var crowd="老人 137,青年 138,儿童 139"; //选项字符串数组 crowd=crowd.split(",");//字符串分割 vartemp=$("#crowd");//获取页面中的对象 $each(crowd,function(){ //遍历选项串 var value=this.split(" "); //将选项串继续分隔 temp.append($("<option/>").html(value[0]).attr("value",value[1]));//添加option }); 至此,select选项的初始化已经完成,由于该控件大多数情况下是使用的单值,所以表单值的获取不需要再写 此外select最重要的一个事件就要数onChange了,只需要在页面上加上onchange事件声明,然后再在jQuery中处理即可。 4.字符串函数 字符串的包装是许多语言中很重要的应用,因为非常实用,使用概率也很高,js也不例外,对字符串进行了一系列的封装,具体方法如下:
|
|