实用jquery操作表单元素的简单代码,各种操作表
分类:pc28.am

正文实例汇报了JavaScript简单判别复选框是不是选中及抽出值的不二等秘书诀。分享给我们供大家参谋。具体如下:

实用jquery操作表单成分的精练代码,实用jquery表单成分

取下拉菜单选中项的文件; 获取和设置下拉菜单的值; 清空下拉菜单; 给下列菜单添日成分; 取单选框值; 单选或复选按键的选用; 取复选框值; 推断单选或复选框是不是被选中; 成分可用不可用; 判别成分可用不可用。

实用jquery操作表单成分代码

/*

假设在一个表单中有一个按钮id="save"
$(document).ready(function(){
   $("#save").click(function(){
    $("#save").attr("disabled",true);//设为不可用             
    $("#form1")[0].submit();//如果你有很多个id为form1的表单也没关系,只有第一个会提交的哈哈.
   });
});

取下拉菜单选中项的文书;

得到和设置下拉菜单的值;

清空下拉菜单;

给下列菜单添英镑素;

取单选框值;

单选或复选开关的选用;

取复选框值;

看清单选或复选框是不是被入选;

要素可用不可用;

判定成分可用不可用。

  1. 取下拉菜单选中项的公文

    $("#select option[selected]"卡塔尔(英语:State of Qatar).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.给下列菜单添台币素

$('<option value="1">1</option>').appendto($("#select"));  
$("#select").append('<option value="1">1</option>'); 

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){}//判断可用 

如上那篇实用jquery操作表单成分的简要代码正是我分享给大家的全部内容了,希望能给我们三个参阅,也指望我们多都赐教帮客之家。

取下拉菜单选中项的文书; 获取和设置下拉菜单的值; 清空下拉菜单; 给下列菜单...

JQuery:种种操作表单成分方法小结

 

 图片 1

表单成分无处不在,已然成了Web应用不能缺少的一个有个别。对表单最最最普遍的操作正是得到表单成分的值大概改正表单成分的值。那在JQuery和JavaScript中怎么操作表单成分的值?

JQuery操作表单总计:

那边运用JavaScript 获取复选框的值,有朋友在刚起始应用表单提交数据的时候,常常都会遇上表单中有一个专程的成分——复选框,决断它是还是不是选中以至获得它的值 ,好像跟别的的表单成分有一点不雷同,本代码将为您出示如何收获复选框的值并判定是不是被入选。

1、文本框、密码框、隐敝域、文本域(id换到对应的,value属性存在,技艺接受attr(‘value’卡塔尔国 获取值,不然重回undefined):

1.1 获取—>$(“#text”).val()或者$(“#text”).attr(‘value’)

1.2 设置—>$(“#text”).val(‘test’)或者$(“#text”).attr(‘value’,’test’)

JavaScript 获取复选框的值function checkbox(){var str=document.getElementsByName;var objarray=str.length;var chestr="";for { if(str[i].checked == true) { chestr =str[i].value ","; }}if{ alert;}else{ alert;}}选择您的拿手技术:ASPPHPJSP

2、按键:普通开关、重新设置按键和交给按钮(id换到对应的,value属性存在,技术动用attr(‘value’卡塔尔(قطر‎ 也许val(卡塔尔国获取值,不然attr重回undefined,val再次来到空)

2.1 获取—>$(“#btn”).val()或者$(“#btn”).attr(‘value’)

2.2 设置—>$(“#btn”).val(‘test’)或者$(“#btn”).attr(‘value’,’test’)

愿意本文所述对大家的javascript程序设计具备助于。

3、复选框、单选框:(id换到对应的,value属性存在,技艺利用attr(‘value’卡塔尔(قطر‎ 可能val(卡塔尔(英语:State of Qatar)获取值,不然attr重返undefined,val再次来到on(不管是否留存checked属性))

3.1 获取—>$(“#check”).val()或者$(“#check”).attr(‘value’)

3.1 设置—>$(“#check”).val(‘test’)或者$(“#check”).attr(‘value’,’test’)

3.3 获取选中的复选框的值:$(“input[type=checkbox][checked]“).attr(‘value’)或者$(“input[type=checkbox][checked]“卡塔尔(英语:State of Qatar).val(卡塔尔国【ps:只会回来第多少个被入选的值】

//获取全体中选的复选框的值
$(“input[type=checkbox][checked]“).each(function(){
alert($(this).val());
})

//若要将全选中的值传递给后台,则将复选框的name属性命名叫namevalue[]形式

3.4 全选、撤废全选和反选(单选框不可能全选,能够反选) //全选,checked的值能够是true也许checked,前面一个是w3c给出的值
$(“[name='test1']“).attr(“checked”,‘checked’);
//废除全选
$(“[name='test1']“).removeAttr(“checked”)//反选

$(“[name='test1']“).each(function()
{
if($(this).attr(“checked”))
{
$(this).removeAttr(“checked”);
}
else
{
$(this).attr(“checked”,’true’);
}
});

3.5 判定选中状态:$(“#test1″卡塔尔(قطر‎.attr(“checked”卡塔尔:未选中重返undefined,选中重回checked。所以,$(“#test1″卡塔尔国.attr(“checked”卡塔尔国== true无法看做是或不是选中的论断,$(“#test1″卡塔尔(英语:State of Qatar).attr(“checked”卡塔尔 == undefined能够用作未选中的推断。

3.6 撤销接纳—>$(“#test1″).attr(“checked”,false)或者$(“#test1″).removeAttr(“checked”)(ps:$(“#test1″).attr(“checked”,””)在FireFox中有效,在Google中无效)

3.7 选中某些复选框(单选框卡塔尔(قطر‎–>$(“#test2″).attr(“checked”,true)或者$(“#test2″).attr(“checked”,”checked”)

4、下拉框:

4.1 获取选中选项的值—>$(“#slt”).val()(ps:$(“#slt”).attr(‘value’)会返回undefined)

4.2 设置—>$(“#slt”卡塔尔(قطر‎.val(‘audi’卡塔尔(英语:State of Qatar)(ps:要是select中有值为audi的选项,该选拔就能够被选中,假诺荒诞不经,则select不做任何改换)

4.3 获取选中选项的文件—>$(“#slt option:selected”).text()或者$(“#slt”).find(“option:selected”).text()

4.4 设置选中选项的公文—>$(“#slt”).find(“option:selected”).text(‘test’)或者$(“#slt option:selected”).text(‘test’);

4.5 获取选中项的目录—>$(“#slt”).get(0).selectedIndex

4.6 设置索引—>$(“#slt”卡塔尔.get(0卡塔尔国.selectedIndex = index(ps:索引从0初始,index的最大值不能够超越option的最大索引,不然$(“#slt”).get(0).selectedIndex 返回-1)

4.7 清空select—>$(“#slt”).html(”) 或者$(“#slt”).empty()

4.8 添加option—>$(‘

1’).appendTo($(“#slt”)) 或者 $(“#slt”).append(‘2’);

4.9 删除option—>$(“#slt option[value='opel']“卡塔尔(قطر‎.remove(卡塔尔:删除值是opel的option(value属性要设有,形似能够依据留存的text/index属性删除option)

5、成分的可用性(disabled的官方值是disabled卡塔尔

5.1 禁止使用成分—>$(“#text”).attr(“disabled”,true)或者$(“#text”).attr(“disabled”,”disabled”);

5.2 启用元素—>$(“#text”).attr(“disabled”,false) 或者$(“#text”).removeAttr(“disabled”);

5.3 是不是可用—>$(“#text”卡塔尔国.attr(“disabled”卡塔尔(قطر‎重临disabled则不可用,再次来到undefined则可用(ps:能够依附$(“#text”卡塔尔(英语:State of Qatar).attr(“disabled”卡塔尔(英语:State of Qatar)==undefined的再次来到值推断)

 

下风流倜傥篇:XAMPP:访问phpmyadmin出错的解决方案

表单元素无处不在,已然成了Web应用不能缺少的一个片段。对表单最最最不足为奇的操作正是得到表单成分的...

本文由pc28.am发布于pc28.am,转载请注明出处:实用jquery操作表单元素的简单代码,各种操作表

上一篇:javascript面向对象的敞亮及简便的亲自去做,Jav 下一篇:没有了
猜你喜欢
热门排行
精彩图文