您的位置:首页 > Web前端 > JQuery

jquery对checkbox的操作

2014-11-02 19:47 148 查看
一、通过选择器选取CheckBox:

1.给CheckBox设置一个id属性,通过id选择器选取:

<
input
type
=
"checkbox"
name
=
"myBox"
id
=
"chkOne"
value
=
"1"
checked="checked"
/>


JQuery:

2.给CheckBox设置一个class属性,通过类选择器选取:

<
input
type
=
"checkbox"
name
=
"myBox"
class
=
"chkTwo"
value
=
"1"

checked="checked"
/>


JQuery:

4.获取未选中的checkbox的值:

$("input[name='box']").each(function(){
if ($(this).attr('checked') ==false) {
alert($(this).val());
}
});


5.设置checkbox的value属性的值:
$(this).attr("value",值);

三、 一般都是创建一个js数组来存储遍历checkbox得到的值,创建js数组的方法:
1.
var array= new Array();

2. 往数组添加数据:
array.push($(this).val());

3.数组以“,”分隔输出:
alert(array.join(','));

<
input
type
=
"checkbox"
name
=
"myBox"
class
=
"chkTwo"
value
=
"2"
/>


<
input
type
=
"checkbox"
name
=
"myBox"
id
=
"chkOne"
value
=
"2"
/>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: