Jquery实际应用，判断radio，selelct，checkbox是否选中及选中的值,jquery如果获取多个重复name的input的值
1:jquery如果获取重复name的input的值
var ids = ""; $("input[name='boxSend']:checked").each(function () { ids = ids + $(this).val() + ","; });
2:Jquery实际应用，判断radio，selelct，checkbox是否选中及选中的值
jquery取radio单选按钮的值
$("input[name='items']:checked").val();
另：判断radio是否选中并取得选中的值
如下所示：
function checkradio(){
var item = $(":radio:checked");
var len=item.length;
if(len>0){
alert("yes--选中的值为："+$(":radio:checked").val());
}
}
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关
获取一组radio被选中项的值
var item = $('input[name=items][checked]').val();
获取select被选中项的文本
var item = $("select[name=items] option[selected]").text(); //注意这里的option前面有个空格
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[name=items]').get(1).checked = true;
获取值：
文本框，文本区域：$("#txt").attr("value")；
多选框checkbox：$("#checkbox_id").attr("value")；
单选组radio： $("input[type=radio][checked]").val();
下拉框select： $('#sel').val();
控制表单元素：
文本框，文本区域：$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox： $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio：
$("input[name=test][value=34]").attr("checked",true);//设置value=34的radio被选中
$("input[id=testid][value=34]").attr("checked",true);//设置value=34的radio被选中
下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty()；//清空下拉框
刚开始接触jquery，很多东西不熟悉,在用$("#id")来获得页面的input元素的时候，发现$("#id").value不能取到值
后来终于在伟大的百度帮助下，找到了问题的原因：
$("")是一个jquery对象，而不是一个dom element
value是dom element的属性
jquery与之对应的是val
val() :获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
所以，代码应该这样写：
取值：val = $("#id")[0].value;
赋值： $("#id")[0].value = "new value";
或者$("#id").val("new value");
或者这样也可以：val = $("#id").attr("value");
jQuery中each非常好用，常用它取代javascript的for循环
例如在一个function里有一个each,在each里某种条件 成立的话，就把这个function返回true或者false
function methodone(){
....
$.each(array,function(){
if(条件成立){
return true;
}
});
....
}
结果发现老是不对。
后来查找资料才发现,在each代码块内不能使用break和continue,要实现break和continue的功能的话，要使用其它的方式
break----用return false;
continue --用return ture;
所以当我在each里想使用return true给这个function返回时，其实只是让each继续执行而以
连each都没有中断，所以function也就不能return了
另：判断radio是否选中并取得选中的值
如下所示：
function checkradio(){
var item = $(":radio:checked");
var len=item.length;
if(len>0){
alert("yes--选中的值为："+$(":radio:checked").val());
}
}
3:判断Jquery判断是否有checkbox被选中
<script type="text/javascript">
function CheckType() {
if ($("input:checked").length > 0) {
return true;
} else {
alert("你没有选择一个");
return false;
}
}
</script>
参考网址 http://www.cnblogs.com/onlys/articles/jQuery.html
4:Jquery 判断 Checkbox 是否有被选中
var mySaveMuban = ($("#chkMuBan").attr('checked') == undefined) ? 0 : 1;
5：Jquery 动态生成select里面的option选项
for (var i = 0; i < 60; i++)
{
$("<option value='" + i + "'>" + i + "</option>").appendTo("select[name='minute']"); //添加下拉框的option
$("<option value='" + i + "'>" + i + "</option>").appendTo("select[name='second']"); //添加下拉框的option
}
6: 全选，反选 两种实现方式
function checkstudents(classid) { var checked = $("#chk" + classid).attr("checked"); if (checked) { $("#class" + classid + " input[type='checkbox']").attr("checked", true); } else { $("#class" + classid + " input[type='checkbox']").attr("checked", false); } } var i = 1; function CheckAllTeacher() { if (i % 2 == 1) { i++; $("#sendContent input[type='checkbox']").attr("checked", true); } else { i++; $("#sendContent input[type='checkbox']").attr("checked", false); } }
7:jquery获得select option的值 和对select option的操作
jQuery获取Select元素，并选择的Text和Value:
1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
3. var checkValue=$("#select_id").val(); //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
jQuery获取Select元素，并设置的 Text和Value:
实例分析：
1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
2. $("#select_id ").val(4); // 设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中
jQuery添加/删除Select元素的Option项：
实例分析：
1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
6. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
三级分类 <select name="thirdLevel" id="thirdLevel"
onchange="getFourthLevel()">
<option value="0" id="thirdOption">
请选择三级分类
</option>
</select>
</div>
四级分类:
<select name="fourthLevelId" id="fourthLevelId">
<option value="0" id="fourthOption">
请选择四级分类
</option>
</select>
</div>
.if($("#thirdLevel").val()!=0){
$("#thirdLevel option[value!=0]").remove();
}
if($("#fourthLevelId").val()!=0){
$("#fourthLevelId option[value!=0]").remove();
}//这个表示：假如我们希望当选择选择第三类时：如果第四类中有数据则删除，如果没有数据第四类的商品中的为默认值。在后面学习了AJAX技术后经常会使用到！
获取Select ：
获取select 选中的 text :
$("#ddlRegType").find("option:selected").text();
获取select选中的 value:
$("#ddlRegType ").val();
获取select选中的索引:
$("#ddlRegType ").get(0).selectedIndex;
设置select:
设置select 选中的索引：
$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值
设置select 选中的value：
$("#ddlRegType ").attr("value","Normal“);
$("#ddlRegType ").val("Normal");
$("#ddlRegType ").get(0).value = value;
设置select 选中的text:
var count=$("#ddlRegType option").length;
for(var i=0;i<count;i++)
{ if($("#ddlRegType ").get(0).options[i].text == text)
{
$("#ddlRegType ").get(0).options[i].selected = true;
break;
}
}
$("#select_id option[text='jQuery']").attr("selected", true);
设置select option项:
$("#select_id").append("<option value='Value'>Text</option>"); //添加一项option
$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
$("#select_id option:last").remove(); //删除索引值最大的Option
$("#select_id option[index='0']").remove();//删除索引值为0的Option
$("#select_id option[value='3']").remove(); //删除值为3的Option
$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
清空 Select:
$("#ddlRegType ").empty();
jquery获得值：
.val()
.text()
设置值
.val('在这里设置值')
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全选
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//反选
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){//输出选中的值
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"\r\n";
//alert($(this).val());
})
alert(str);
})
})
