选中jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中

checkbox选中  时间:2021-04-22  阅读:()

主题 jquery radio取值 checkbox取值 select取值 radio选中 checkbox选中 select选中

内容部分

jquery取radio单选按钮

// var strMess = ' <%=Exchange() %>' ;

// if (strMess == "兑换成功") {

// $("#btnSure") . show() ; //显示提交按钮

// }

// else if (strMess. length > 0) {

// alert(strMess) ; return false;

// }jquery取radio单选按钮的值

$("input[name=' items' ] :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() ;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[type=radio]") .attr("checked", '2' ) ;//设置value=2的项目为当前选中项

下拉框select $("#sel") .attr("value", '-sel3' ) ;//设置value=-sel3的项目为当前选中项

$("<option value=' 1' >1111</option><optionvalue='2' >2222</option>") .appendTo("#sel")//添加下拉框的option$("#sel") . empty()  //清空下拉框

刚开始接触jquery很多东西不熟悉

在用$("#id")来获得页面的input元素的时候发现$("#id") .value不能取到值

<script type="text/javascript">function add()

{if ($("#TextBox1") .val () == "")

{alert("输入的名称不能为空!") ;

$("#TextBox1") .focus() ;return false;

}if ($("#TextBox2") .val () == "")

{alert("年龄不能为空!") ;

$("#TextBox2") .focus() ;return false;

}if ($("#TextBox2") .val () != "") //年龄

{var intvar =/^\d+$/;if ( ! intvar. test($("#TextBox2") .val () ) )

{alert("年龄格式不正确请输入2位数字!") ;

$("#TextBox2") .focus() ;return false;

}

}if ($("#TextBox3") .val () == "")

{alert("毕业学校不能为空!") ;

$("#TextBox3") .focus() ;

return false;

}if ($("#TextBoxjy") .val () == "") //工作经验

{alert("工作经验不能为空!") ;

$("#TextBoxjy") .focus() ;return false;

}if ($("#TextBoxjy") .val () != "") //工作经验

{var intvar2 = /^\d+$/;if ( ! intvar2. test($("#TextBoxjy") .val () ) ) {alert("格式不正确请输入2位数字!") ;

$("#TextBoxjy") .focus() ;return false;

}

}var sex = $("input[name=' sex' ] :checked") .val () ;var job = $("input[name=' job' ] :checked") .val () ;if (sex == undefined)

{alert("没有选择性别 ") ;return false;

}if (job == undefined)

{alert("全/兼职没选中") ;return false;

}if ($("#TextBox5") .val () == "") //电话

{alert("电话不能为空!") ;

$("#TextBox5") .focus() ;return false;

}if ($("#TextBox5") .val () != "") {var isMobile = /^ (?: 13\d| 15\d)\d{5} (\d{3} |\*{3} )$/;var isPhone = /^ ( (0\d{2,3} )-)?(\d{7,8} ) (-(\d{3, } ) )?$/;if ( ! isMobile. test($("#TextBox5") .val () )

&& ! isPhone. test($("#TextBox5") .val () ) )

{alert("请正确填写手机号或电话号格式不正确") ;

$("#TextBox5") .focus() ;return false;

}

}if ($("#FreeTextBox1") .val ()== "")

{alert("工作经验不能为空") ;

$("#FreeTextBox1") .focus() ;return false;

}var TextBox1 = escape($("#TextBox1") .val () ) ;var TextBox2 = escape($("#TextBox2") .val () ) ;var TextBox3 = escape($("#TextBox3") .val () ) ;var TextBox5 = escape($("#TextBox5") .val () ) ;var rad1 =escape(sex) ;var rad2 = escape(job) ;var TextBoxjy =escape($("#TextBoxjy") .val () ) ;var FreeTextBox1=escape($("#FreeTextBox1") .val () ) ;var Label2 = escape($("#Label2") . text() ) ;var Label4 = escape($("#Label4") . text() ) ;

$.ajax( {type: "POST",url: "add.aspx",data:"Label2="+Label2+"&Label4="+Label4+"&TextBox1="+ TextBox1 + "&TextBox2=" + TextBox2 + "&TextBox3=" +

TextBox3+"&TextBox5="+TextBox5+"&rad1="+rad1+"&rad2="+rad2+"&TextBoxjy="+TextBoxjy+"&FreeTextBox1="+FreeTextBox1,success: function(msg)

{if (msg == "ok")

{alert("数据提交成功!") ;window. location.href = 'JobList.aspx' ;

}else

{alert("数据提交失败!") ;

}

}

} ) ;

}

</script>

<asp:Label ID="Label1"runat="server"></asp:Label>

<asp:Label ID="msg" runat="server"Visible="false"></asp:Label>

<asp:Label ID="Label2"runat="server"></asp:Label>

<asp:Label ID="Label4" runat="server" Text="Label"></asp:Label>

<input type="Radio" name="job"value="全职" id="RadioButton3" runat="server"/>

<input type="Radio" name="job"value="兼职" id="RadioButton4"runat="server"/>

=

<input id="Submit1" type="button" value="提交简历" onclick="return add()" style="height:35px"/>

后来终于在伟大的百度帮助下找到了问题的原因

$("")是一个jquery对象而不是一个dom elementvalue是dom element的属性jquery与之对应的是valval () :获得第一个匹配元素的当前值。val (val) :设置每一个匹配元素的值。

所以代码应该这样写

取值 val = $("#id") [0] .value;

赋值

$("#id") [0] .value = "new value";

或者$("#id") .val ("new value") ;

或者这样也可以 val = $("#id") .attr("value") ;

function add()

{var Label2 = $("#Label2") . text() ;var Label4 = $("#Label4") . text() ;alert(Label2) ;if (Label2 == ""&& Label4 == "")

{if ($("#TextBox1") .val () == "")

{alert("输入的名称不能为空!") ;

$("#TextBox1") .focus() ;return false;

}if ($("#TextBox2") .val () == "")

{alert("年龄不能为空!") ;

$("#TextBox2") .focus() ;return false;

}if ($("#TextBox2") .val () != "") //年龄{var intvar =/^\d+$/;if ( ! intvar. test($("#TextBox2") .val () ) ){alert("年龄格式不正确请输入2位数字!") ;$("#TextBox2") .focus() ;return false;

}

}if ($("#TextBox3") .val () == "")

{alert("毕业学校不能为空!") ;

$("#TextBox3") .focus() ;return false;

}if ($("#TextBoxjy") .val () == "") //工作经验{alert("工作经验不能为空!") ;

$("#TextBoxjy") .focus() ;return false;

}if ($("#TextBoxjy") .val () != "") //工作经验{var intvar2 = /^\d+$/;

if ( ! intvar2. test($("#TextBoxjy") .val () ) ) {alert("格式不正确请输入2位数字!") ;

$("#TextBoxjy") .focus() ;return false;

}

}

// var RadioButton1 =

$(' input:radio[name="RadioButton1"] :checked' ) .val () ; //性别

// var RadioButton2 =

$(' input:radio[name="RadioButton2"] :checked' ) .val () ; //性别

// if (RadioButton1 == null | | RadioButton2==null)// {

// alert("性别没选中!") ;

// // $("#TextBoxjy") .focus() ;

// return false;

// }

// var RadioButton3 =

$(' input:radio[name="RadioButton3"] :checked' ) .val () ; //性别

// var RadioButton4 =

$(' input:radio[name="RadioButton4"] :checked' ) .val () ; //性别

// if (RadioButton3 == null | | RadioButton4==null)// {

// alert("全/兼职没选中!") ;

// // $("#TextBoxjy") .focus() ;

// return false;

// }

// if ($("#TextBox5") .val () == "") //电话

// {

// alert("电话不能为空!") ;

// $("#TextBox5") .focus() ;

// return false;

// }

// if ($("#TextBox5") .val () != "") {

// var isMobile = /^ (?: 13\d| 15\d)\d{5} (\d{3} |\*{3} )$/;// var isPhone =

/^ ( (0\d{2,3} )-)?(\d{7,8} ) (-(\d{3, } ) )?$/;

// if ( ! isMobile. test($("#TextBox5") .val () )

&& ! isPhone. test($("#TextBox5") .val () ) )

// {

// alert("请正确填写手机号或电话号格式不正确") ;// $("#TextBox5") .focus() ;

// return false;

// }

// }

// if ($("#FreeTextBox1") .val () != "")

// {

// alert("工作经验不能为空") ;

// $("#FreeTextBox1") .focus() ;

// return false;

// }

// var TextBox1 = escape($("#TextBox1") .val () ) ;

// var TextBox2 = escape($("#TextBox2") .val () ) ;

// var TextBox3 = escape($("#TextBox3") .val () ) ;

// var TextBox5 = escape($("#TextBox5") .val () ) ;

// var rad1 =escape(RadioButton1) ;

// var rad2 =escape(RadioButton2) ;

// var rad3 =escape(RadioButton3) ;

// var rad4 =escape(RadioButton4) ;

// var TextBoxjy =escape($("#TextBoxjy") .val () ) ;

// var FreeTextBox1=escape($("#FreeTextBox1") .val () ) ;// var Label2 = escape($("#Label2") . text() ) ;

// var Label4 = escape($("#Label4") . text() ) ;

// if(rad1 !=null&&rad3!=null)

// {

// $.ajax( {

// type: "POST",

// url: "Control/WebUserControl.ascx",

// data:"Label2="+Label2+"&Label4="+Label4+"&TextBox1=" + TextBox1 + "&TextBox2=" + TextBox2 + "&TextBox3=" +

TextBox3+"&TextBox5="+TextBox5+"&rad1="+rad1+"&rad3="+rad3+"&TextBoxjy="+TextBoxjy+"&FreeTextBox1="+FreeTextBox1+",

// success: function(msg)

// {

// if (msg == "cf")

// {

// alert("请换个姓名!") ;

// }

// if (msg == "ok")

// {

// alert("数据提交成功!") ;

// window. location.href = 'JobList.aspx' ;// }

// else

// {

// alert("数据提交失败!") ;

// }

// }

// } ) ;

// }//

}

</script>

Hostinger 限时外贸美国主机活动 低至月12元且赠送1个COM域名

Hostinger 商家我们可能一些新用户不是太熟悉,因为我们很多新人用户都可能较多的直接从云服务器、独立服务器起步的。而Hostinger商家已经有将近十年的历史的商家,曾经主做低价虚拟主机,也是比较有知名度的,那时候也有接触过,不过一直没有过多的使用。这不这么多年过去,Hostinger商家一直比较稳妥的在运营,最近看到这个商家在改版UI后且产品上也在活动策划比较多。目前Hostinger在进...

瓜云互联-美国洛杉矶高防CN2高防云服务器,新老用户均可9折促销!低至32.4元/月!

瓜云互联一直主打超高性价比的海外vps产品,主要以美国cn2、香港cn2线路为主,100M以内高宽带,非常适合个人使用、企业等等!安全防护体系 弹性灵活,能为提供简单、 高效、智能、快速、低成本的云防护,帮助个人、企业从实现网络攻击防御,同时也承诺产品24H支持退换,不喜欢可以找客服退现,诚信自由交易!官方网站:点击访问瓜云互联官网活动方案:打折优惠策略:新老用户购买服务器统统9折优惠预存返款活动...

Ceranetworks顶级合作伙伴 香港E3 16G 299元 香港E5 32G 650元 美国E3 16G 650元

提速啦(www.tisula.com)是赣州王成璟网络科技有限公司旗下云服务器品牌,目前拥有在籍员工40人左右,社保在籍员工30人+,是正规的国内拥有IDC ICP ISP CDN 云牌照资质商家,2018-2021年连续4年获得CTG机房顶级金牌代理商荣誉 2021年赣州市于都县创业大赛三等奖,2020年于都电子商务示范企业,2021年于都县电子商务融合推广大使。资源优势介绍:Ceranetwo...

checkbox选中为你推荐
曲目itunes支持ipad设置media支持ipad深圳市富满电子集团股份有限公司南京医科大学合同管理系统photoshop技术photoshop技术对哪些工作有用?win10445端口怎么样打开电脑10800端口itunes备份如何用iTunes备份iPhonewin7telnet怎样开启Windows7系统中的Telnet服务
域名升级访问 韩国电信 512m 512au 合肥鹏博士 三拼域名 cn3 免费申请网站 最漂亮的qq空间 路由跟踪 韩国代理ip 国外在线代理服务器 qq金券 杭州电信宽带优惠 supercache cdn服务 香港博客 webmin 国内云主机 小米电视主机 更多