在页面中想要获取checkbox中的选中的值,然后封装成数组,放到json中,
页面:
js代码:
中间遇到的问题主要是怎么把checked这个数组中的值取出来 ,通过alert,我们可以知道 checked.get(0)返回的是一个HTMLINPUTELEMENT对象,因此此时,已经是一个dom对象了,可以直接通过value这个属性来取出对应的属性值
页面:
用户名:<input type="text" id="username" /><br />
密码 :<input type="password" id="password" /><br />
确认密码 :<input type="password" id="repassword" /><br />
年龄 :<input type="text" id="age" /><br />
衣服 :<input type="checkbox" value="green" />绿色
<input type="checkbox" value="red" /> 红色<br />
<input type="button" value="提交" id="submit" />
js代码:
$("document").ready(
function (){
$("#submit").click(checksubmit);
}
);
function checksubmit(){
var cloth = [];
var checked = $("input:checked");
for(var i=0;i<checked.length;i++){
cloth[i] = checked[i].value;
}
var json = {
"username":encode($("#username").val()),
"password":$("#password").val(),
"repassword":$("#repassword").val(),
"age":$("#age").val(),
"cloth":cloth
};
$.get("JSONTest",json,callback);
}
function callback(data){
alert(data);
}
function encode(data){
return encodeURI(encodeURI(data));
}
中间遇到的问题主要是怎么把checked这个数组中的值取出来 ,通过alert,我们可以知道 checked.get(0)返回的是一个HTMLINPUTELEMENT对象,因此此时,已经是一个dom对象了,可以直接通过value这个属性来取出对应的属性值