主题 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>
HostKvm发布了夏季特别促销活动,针对香港国际/韩国机房VPS主机提供7折优惠码,其他机房全场8折,优惠后2GB内存套餐月付仅5.95美元起。这是一家成立于2013年的国外主机服务商,主要提供基于KVM架构的VPS主机,可选数据中心包括日本、新加坡、韩国、美国、中国香港等多个地区机房,均为国内直连或优化线路,延迟较低,适合建站或者远程办公等。下面分享几款香港VPS和韩国VPS的配置和价格信息。...
厦门靠谱云股份有限公司 双十一到了,站长我就给介绍一家折扣力度名列前茅的云厂商——萤光云。1H2G2M的高防50G云服务器,依照他们的规则叠加优惠,可以做到12元/月。更大配置和带宽的价格,也在一般云厂商中脱颖而出,性价比超高。官网:www.lightnode.cn叠加优惠:全区季付55折+满100-50各个配置价格表:地域配置双十一优惠价说明福州(带50G防御)/上海/北京1H2G2M12元/月...
A400互联怎么样?A400互联是一家成立于2020年的商家,A400互联是云服务器网(yuntue.com)首次发布的云主机商家。本次A400互联给大家带来的是,全新上线的香港节点,cmi+cn2线路,全场香港产品7折优惠,优惠码0711,A400互联,只为给你提供更快,更稳,更实惠的套餐,香港节点上线cn2+cmi线路云服务器,37.8元/季/1H/1G/10M/300G,云上日子,你我共享。...