jquery操作checkbox,select,radio取值，设置选中，取消
发布时间：2015-03-13 15:28:21 来源：51推一把
【摘要】jquery操作checkbox,select,radio取值，设置选中，取消
jquery操作checkbox(取值，设置选中，取消）
//取得div下所有checkbox
$(#divId input[type="checkbox"]);
//选中
$("[name=checkbox]").attr("checked",true); //全选
//取消
$("[name=checkbox]").removeAttr("checked"); //全取消
$("[name=checkbox]:even").attr("checked",true);//选中所有奇数
//反选
$("[name = chkItem]:checkbox").each(function () {
$(this).attr("checked", !$(this).attr("checked"));
});
//全不选
var result = new Array();
$("[name = chkItem]:checkbox").each(function () {
if ($(this).is(":checked")) {
result.push($(this).attr("value"));
}
});
alert(result.join(","));
//判断当前是否选中
方法一：if($("#id").attr("checked")) return true; else return false;
方法二：if ($("#id")get(0).checked)
方法三：if($("#id").is(":checked"))
jquery操作select(取值，设置选中）
比如<select class="selector"></select>
1、设置value为pxx的项选中
$(".selector").val("pxx");
2、设置text为pxx的项选中
$(".selector").find("option[text=pxx]").attr("selected",true);
这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。
3、获取当前选中项的value
$(".selector").val();
4、获取当前选中项的text
$(".selector").find("option:selected").text();
这里用到了冒号，掌握它的用法并举一反三也会让代码变得简洁。
很多时候用到select的级联，即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。
如：$(".selector1").change(function(){
// 先清空第二个
$(".selector2").empty();
// 实际的应用中，这里的option一般都是用循环生成多个了
var option = $("<option>").val(1).text("pxx");
$(".selector2").append(option);
});
jquery操作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=http://www.2cto.com/kf/201110/rd2]").attr(checked,true);
或者
$("input[value=http://www.2cto.com/kf/201110/rd2]").attr(checked,true);
6.删除Value值为rd2的Radio
$("input:radio[value=http://www.2cto.com/kf/201110/rd2]").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){
//写入代码
});
怎么用Jquery清空所有ID以"WW_"开头的span里的内容
$("span[id^=WW_]").text();
$("span[id^=WW_]").empty();