您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

jquery 表单取值常用代码_jquery

2025/7/15 20:28:17发布12次查看
jquery操作表单元素代码
/*
假设在一个表单中有一个按钮id=save
$(document).ready(function(){
     $(#save).click(function(){
        $(#save).attr(disabled,true);//设为不可用                        
        $(#form1)[0].submit();//如果你有很多个id为form1的表单也没关系,只有第一个会提交的哈哈.
     });
});
取下拉菜单选中项的文本;
获取和设置下拉菜单的值;
清空下拉菜单;
给下列菜单添加元素;
取单选框值;
单选或复选按钮的选择;
取复选框值;
判断单选或复选框是否被选中;
元素可用不可用;
判断元素可用不可用。
1.取下拉菜单选中项的文本
$(#select option[selected]).text();//select和option之间有空格,option为select的子元素  
$(#select option:selected).text();//如果写成$(#select).text();会把所有下拉菜单的文本选择出来  
2.获取和设置下拉菜单的值
$(#select).val();//取值  
$(#select).val(value);//设置,如果select中有值为value的选项,该选项就会被选中,如果不存在,则select不做任何变动
3.清空下拉菜单
$(#select).empty();  
$(#select).html(); 
4.给下列菜单添加元素
$('1').appendto($(#select));  
$(#select).append('1'); 
5.取单选框值
$(#id[checked]).val(); 
6.单选或复选按钮的选择
$(#id[value=val]).attr(checked,true);//选择  
$(#id[value=val]).attr(checked,);//取消选择  
$(#id[value=val]).attr(checked,false);//取消选择  
$(#id[value=val]).removeattr(checked);//取消选择 
7.取复选框值
$(input[type=checkbox][checked]).each(function(){  
alert($(this).val());  
})  
//如果用$(input[type=checkbox][checked]).val(),只会返回第一个被选中的值
8.判断单选或复选框是否被选中
if($(#id).attr(checked)){}//判断选中  
if($(#id).attr(checked)==true){}//判断选中  
if($(#id).attr(checked)==undefined){}//判断未选中 
9.元素可用不可用
$(#id).attr(disabled,false);//设为可用  
$(#id).attr(disabled,true);//设为不可用
10.判断元素可用不可用
if($(#id).attr(disabled)){}//判断不可用  
if($(#id).attr(disabled)==undefined){}//判断可用
文本框操作
取 值:var textval = $(#text_id).attr(value);
var textval = $(#text_id).val();
清除内容:$(”#txt”).attr(”value”,”);
填充内容:$(”#txt”).attr(”value”,'123′);
文本域操作
取 值:var textval = $(#text_id).attr(value);
var textval = $(#text_id).val();
清除内容:$(”#txt”).attr(”value”,”);
填充内容:$(”#txt”).attr(”value”,'123′);
单选按钮操作
取 值:var valradio = $(input[@type=radio][@checked]).val(); //只有一组radio情况下
var valradio =$('input[@name=chart][@checked]').val(); //多组radio情况下,根据name取一组的值
下拉框操作
取 值:var selectval = $('#sell').val();
设置选中:$(#select_id).attr(value,'test');//设置value=test的项目为当前选中项
添加新项:$(testtest2).appendto(#select_id)//添加下拉框的option
清空下拉框:$(#select_id).empty();//清空下拉框
多选框操作
取 值:$(#chk_id).attr(checked,'');//未选中的值
$(#chk_id).attr(checked,true);//选中的值
if($(#chk_id).attr('checked')==undefined) //判断是否已经选中
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product