选中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>

Gigsgigscloud($9.8)联通用户优选日本软银VPS

gigsgigsCloud日本东京软银VPS的大带宽配置有100Mbps、150Mbps和200Mbps三种,三网都走软银直连,售价最低9.8美元/月、年付98美元。gigsgigscloud带宽较大延迟低,联通用户的好选择!Gigsgigscloud 日本软银(BBTEC, SoftBank)线路,在速度/延迟/价格方面,是目前联通用户海外VPS的最佳选择,与美国VPS想比,日本软银VPS延迟更...

虎跃云-物理机16H/32G/50M山东枣庄高防BGP服务器低至550元每月!

虎跃科技怎么样?虎跃科技(虎跃云)是一家成立于2017年的国内专业服务商,专业主营云服务器和独立服务器(物理机)高防机房有着高端华为T级清洗能力,目前产品地区有:山东,江苏,浙江等多地区云服务器和独立服务器,今天虎跃云给大家带来了优惠活动,为了更好的促销,枣庄高防BGP服务器最高配置16核32G仅需550元/月,有需要的小伙伴可以来看看哦!产品可以支持24H无条件退款(活动产品退款请以活动规则为准...

HostYun(月18元),CN2直连香港大带宽VPS 50M带宽起

对于如今的云服务商的竞争着实很激烈,我们可以看到国内国外服务商的各种内卷,使得我们很多个人服务商压力还是比较大的。我们看到这几年的服务商变动还是比较大的,很多新服务商坚持不超过三个月,有的是多个品牌同步进行然后分别的跑路赚一波走人。对于我们用户来说,便宜的服务商固然可以试试,但是如果是不确定的,建议月付或者主力业务尽量的还是注意备份。HostYun 最近几个月还是比较活跃的,在前面也有多次介绍到商...

checkbox选中为你推荐
stronglyios11巧摄专业版使用指南程序微信5路由器itunes债券127支持ipad支持ipad支持ipad支持ipad勒索病毒win7补丁由于电脑没连接网络,所以成功躲过了勒索病毒,但最近要联网,要提前装什么补丁吗?我电脑断网好久了
xenvps 中文域名交易中心 免费主机 godaddy支付宝 申请空间 193邮箱 腾讯云分析 什么是刀片服务器 网站卫士 阿里校园 t云 网通服务器 太原联通测速 国外的代理服务器 电信网络测速器 umax 免费主页空间 沈阳idc cloudflare 低价 更多