1、单行文字:
$("#text").val();
2、单选:
$("input:radio:checked").val();
3、多选:
var id_array=new Array();
$('input[name="id"]:checked').each(function(){
id_array.push($(this).val());//向数组中添加元素
});
var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串
alert(idstr);
另外 jquery 判断单个 checkbox 是否选中以及获取选中值的方法如下:
if($("#id").is(":checked")){//选中
alert($("#id").val());//打印选中的值
}
实现全选
$(function(){
$("#select").click(function(){
//获取下面所有的 复选框并将其选中状态设置跟编码的前端 复选框保持一致。
//attr方法与JQ的版本有关,在1.8.3及以下有效。
//$("tbody input").attr("checked",this.checked);
$("tbody input").prop("checked",this.checked);
});
});
是否选中
$(function(){
$("input[type='checkbox']").attr('checked');
//看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
$("input[type='checkbox']").prop('checked');
//16+:true/false
$("input[type='checkbox']").is(':checked');
//所有版本:true/false
//补充获取checkbox的checked的方法
$("input[type=′checkbox′]").is(′:checked′)("#check_box").get(0).checked
$("#check_box").prop("checked")
$("#check_box").attr("checked")
document.getElementById("check_box").checked
})
所有的jquery版本都可以这样赋值:
$("#cb1").attr("checked","checked");
$("#cb1").attr("checked",true);
jquery1.6+:prop的4种赋值:
$("#cb1").prop("checked","checked");
$("#cb1").prop("checked",true);//很简单就不说了哦
$("#cb1").prop({checked:true}); //map键值对
$("#cb1").prop("checked",function(){
return true;//函数返回true或false
});
选中事件监听
$("#ischange").change(function() {
alert("checked");
});
4、下拉:
$("#select").val();
$("#select option:select").val();
5、多行文字:
$("textarea").val();