下面是本人整理的一些jquery获取各种类型表单值得方法。
常用的表单类型有:
text,areatext,radio,checkbox,select。
现在我们学习以下基本获取赋值的,以及其他一些操作,废话少说,直接看示例吧。
获取文本框中的值
<input type="text" value="some text"/>
如果我们想获取里面value的值
$("input").val();
//获得 some text但如果这个页面有很多input我们就不能这样获取了,但我们可以根据id和class来获取
如:
//获取表单input 里面,ID为:text_id的值 var textval = $("#text_id").val();
var textval = $("#text_class").val();以上这两种结果都一样,只不过获取的方式不一样而已
//多选框 checkbox:
$("#chk_id").attr("checked",'');//未 选中的值
$("#chk_id").attr("checked",true);//选 中的值
if($("#chk_id").attr('checked')==undefined) //判断是否已经选中//单选组radio:
//获取表单radion的值有以下几种
$('input[name="testradio"]:checked').val();
$('input:radio:checked').val();
$('input[name="testradio"]:eq(1)').val()
//这样就是第一个选中咯。
$("input[name=jizai]:eq(0)").attr("checked",'checked');
//移除选中按钮
$("#rdo1").removeAttr("checked");
//下拉框select:
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$(".selector").find("option[text='pxx']").attr("selected",true); //设置text为pxx的项选中
$("testtest2").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty();//清空下拉框
$(".selector").val(); //获取当前选中项的value
$(".selector").find("option:selected").text(); //获取当前选中项的text遍历Radio
$('input:radio').each(function(index,domEle){
//写入代码
});