jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作;
1.假如我们有如下页面
-
<input type="text" name="textname" id="text_id" value="">
-
<!--其余的请自行添加.重要的是要有TYPE.NAME.ID等,一般情况这些都是有的-->
2.下面来看怎么取得FORM中的各种值等等;
-
function get_form_value(){
-
/*获得TEXT.AREATEXT的值*/
-
var textval = $("#text_id").attr("value");//或者
-
var textval = $("#text_id").val();
-
/*获取单选按钮的值*/
-
var valradio = $("input[@type=radio][@checked]").val();
-
/*获取一组名为(items)的radio被选中项的值*/
var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
-
/*获取复选框的值*/
-
var checkboxval = $("#checkbox_id").attr("value");
-
/*获取下拉列表的值*/
-
var selectval = $('#select_id').val();
-
}
3.另外对表单的其他处理:
-
//控制表单元素:
-
//文本框,文本区域:
-
$("#text_id").attr("value",'');//清空内容
-
$("#text_id").attr("value",'test');//填充内容
- //多选框checkbox:
-
$("#chk_id").attr("checked",'');//未选中的值
-
$("#chk_id").attr("checked",true);//选中的值
-
if($("#chk_id").attr('checked')==undefined) //判断是否已经选中
-
//单选组radio:
-
$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项
- //下拉框select:
-
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
-
$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
-
$("#select_id").empty();//清空下拉框
---------------------------------------------------------
注:如果你像NeiLyi以前一样观注这方面内容,请你先了解CSS以及Xpath对元素的选取,因为jQuery就是给合两家之长的.希望看到这句话对你有所帮助.
获取一组名为(items)的radio被选中项的值
var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
获取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的项目为当前选中项
$("11112222").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
-----------------------------------------------
jquery 判断单选框是否被选中
html:<label class="hand-cursor"><input name="feedBackState" id="feedBackState" type="checkbox" size="20"> 发稿信息反馈</label>
js:
if($("#feedBackState").attr('checked')==undefined) {//判断是否已经打勾
alert("未选中");
}else{
alert("选中");
}
分享到:
相关推荐
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
jQuery实现一个自定义的单选按钮radio
jQuery美化单选框星级评论表单代码 jQuery美化单选框星级评论表单代码
本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下: html代码如下: <input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" ...
单选组radio: $(“input[@type=radio][@checked]”).val(); 单选组radio: $(“input[@type=radio]”).attr(“checked”,’2′);//设置value=2的项目为当前选中项 获取一组radio被选中项的值 var item = $(‘input...
比较全面的讲解了jquery获取表单值,全面的讲解了jquery获取表单值
本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。 具体实现方法如下: 代码如下:<html> <head> <title>单选框radio绑定click事件</title> <meta ...
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
代码简介:jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单,可自定义拖拽控制生成表单,预览表单,表单各种属性可通过json格式的配置来处理控制表单的各个属性,看起来非常的高大上,...
jquery表单元素取值 很实用 强大
编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write....
jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证jQuery表单验证
JQuery操作checkbox、radio等示例
jquery操作单选框和复选框,超级实用的示例,节约项目开发时间!
下面小编就为大家带来一篇jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法。
本文给大家分享两段实例代码给大家讲解jquery获取选中单选按钮radio的值,非常不错,具有参考借鉴价值,一起看看吧
jQuery表单提交验证verify一套完整的用户注册前端校验,包含用户名,密码强度,显示隐藏密码,手机号输入控制手机验证码,真实姓名,身份证号等验证。
jquery表单验证插件
jQuery-Validation-Engine-master 表单验证插件 简单好用,已经包含汉化