<script type=
"text/javascript"
>
$(
function
() {
一、radio
1.获取选中值,三种方法都可以:
$(
'input:radio:checked'
).val();
$(
"input[type='radio']:checked"
).val();
$(
"input[name='rd']:checked"
).val();
2.设置第一个radio为选中值:
$(
'input:radio:first'
).attr(
'checked'
,
'checked'
);
或者
$(
'input:radio:first'
).attr(
'checked'
,
'true'
);
注:attr(
"checked"
,
'checked'
)= attr(
"checked"
,
'true'
)= attr(
"checked"
,
true
);
3.设置最后一个radio为选中值:
$(
'input:radio:last'
).attr(
'checked'
,
'checked'
);
或者
$(
'input:radio:last'
).attr(
'checked'
,
'true'
);
4.根据索引值设置任意一个radio为选中值:
$(
'input:radio'
).eq(索引值).attr(
'checked'
,
'true'
);索引值=0,1,2....
或者
$(
'input:radio'
).slice(1,2).attr(
'checked'
,
'true'
);
5.根据value值设置radio为选中值
$(
"input:radio[value=gzmsg.com]"
).attr(
'checked'
,
'true'
);
或者
$(
"input[value=gzmsg.com"
).attr(
'checked'
,
'true'
);
6.删除value值为gzmsg.com的radio
$(
"input:radio[value=gzmsg.com]"
).remove();
7.删除第几个radio
$(
"input:radio"
).eq(索引值).remove();索引值=0,1,2....
如删除第3个radio,$(
"input:radio"
).eq(2).remove();
8.遍历Radio
$(
'input:radio'
).each(
function
(index,domEle){
//写入代码
});
二、select
1.获取选中项:
获取选中项的Value值:
$(
'select#sel option:selected'
).val();
或者
$(
'select#sel'
).find(
'option:selected'
).val();
获取选中项的Text值:
$(
'select#seloption:selected'
).text();
或者
$(
'select#sel'
).find(
'option:selected'
).text();
2.获取当前选中项的索引值:
$(
'select#sel'
).get(0).selectedIndex;
3.获取当前option的最大索引值:
$(
'select#sel option:last'
).attr(
"index"
);
4.获取DropdownList的长度:
$(
'select#sel'
)[0].options.length;
或者
$(
'select#sel'
).get(0).options.length;
5.设置第一个option为选中值:
$(
'select#sel option:first'
).attr(
'selected'
,
'true'
)
或者
$(
'select#sel'
)[0].selectedIndex = 0;
6.设置最后一个option为选中值:
三、checkbox
1、$(
".chk"
).click(
function
(){});
2、设置选中项
$(
"input[name='box']"
).attr(
"checked"
,
"checked"
);
3.获取被选中的checkbox的值:
$(
"input[name='box'][checked]"
).each(
function
(){
if
(
true
== $(
this
).attr(
"checked"
)) {
alert( $(
this
).attr(
'value'
) );
}
或者:
$(
"input[name='box']:checked"
).each(
function
(){
if
(
true
== $(
this
).attr(
"checked"
)) {
alert( $(
this
).attr(
'value'
) );
}
4.获取未选中的checkbox的值:
$(
"input[name='box']"
).each(
function
(){
if
($(
this
).attr(
'checked'
) ==
false
) {
alert($(
this
).val());
}
});
5.设置checkbox的value属性的值:
$(
this
).attr(
"value"
,值);
})
</script>
大爷,请赏我点铜板买喵粮自己吃,您的支持将鼓励我继续创作!(支付宝)