jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中
例:将多个选中的checkbox的值组装成一个字符串
<script type=text/javascript>
function addMem(){
//var followers = document.getElementsByName("followers");
var f_str = '0';
$("input[@name='followers']").each(function(){
if($(this).attr("checked")==true){
f_str += ","+$(this).attr("value");
}
})
alert(f_str);
}
</script>
=====================
例:取选中的radio的值
var gender = $('input[@name=gender][@checked]').val();
=====================
转别人的一些东西:
jquery判断checkbox是否被选中
在html的checkbox里,选中的话会有属性checked="checked"。
如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked")),会打印出"true",而不是"checked"!
如果没被选中,打印出的是"undefined"。觉得很奇怪是吗?继续看下去~
不要尝试去做这样的判断:if($"#xxx".attr("checked")=="true")
因为这么做是错的,jQuery的API手册上写,attr(name)的返回值是object。
所以,应该是if($"#xxx".attr("checked")==true)
====================================
jquery全选/取消选择checkbox示例:
<input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ />1<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br />
<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选
- <script type="text/javascript">
- <!--
- $(function() {
- $("#checkedAll").click(function() {
- if ($(this).attr("checked") == true) { // 全选
- $("input[@name='checkbox_name[]']").each(function() {
- $(this).attr("checked", true);
- });
- } else { // 取消全选
- $("input[@name='checkbox_name[]']").each(function() {
- $(this).attr("checked", false);
- });
- }
- });
- });
- //-->
- </script>
=================================================
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><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中相关推荐
- Jquery常用操作:checkbox、select取值,radio、checkbox、select选中及其相关
常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐 ...
- jquery radio取值,checkbox取值,select取值,radio选中,
jquery radio取值,checkbox取值,select取值,radio选中, var item = $('input[@name=items][@checked]').val(); 获取se ...
- JQuery选择器及radio,checkbox,select取值和反选
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能 ...
- MVC easyui-switchbutton 和 checkbox 、radio 使用和赋值 JQ select 取值
初始化默认: <input id="cdt_level" class="easyui-switchbutton" data-options="o ...
- jq select 修改选中_「jquery select」jquery操作select(取值,设置选中) - seo实验室
jquery select 最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料 一.基础取值问题 例如 1.设置value为pxx的项选中 $(".sele ...
- jquery操作select取值赋值与设置选中[转]
本节内容: jquery实现select下拉框的取值与赋值,设置选中的方法大全. 比如<select class="selector"></select> ...
- ajax 给select赋值,jquery操作select取值赋值与设置选中
摘要 腾兴网为您分享:jquery操作select取值赋值与设置选中,掌上优云,杂志迷,悦作业,小米云盘等软件知识,以及屏幕,赢在街拍客,动图,天下任我行,网易充值中心,马上用车,cf不掉血,回收ap ...
- jquery取得text,areatext,radio,checkbox,select的值
query取得text,areatext,radio,checkbox,select的值,以及其他一些操作; 1.假如我们有如下页面 <input type="text" n ...
- GridView 用 checkbox 全选并取值
方法一,用 js 实现 <script type="text/javascript">//<![CDATA[ function CheckAll(oCheckbo ...
最新文章
- Linux supervisor守护进程的安装和使用
- hdu 5945 Fxx and game
- iPhone 6 Screens Demystified
- html web form id,小程序如何获取多个formId实现详解
- selenium在页面中多个fream的定位
- [译]NGINX 和 ZooKeeper,动态负载平衡和部署(上)
- 一起学nRF51xx 15 - spis
- Android Studio中安装OpenCV SDK
- cannot resolve symbol spark
- SAP OData:MPC class get last modified - how to implement
- [react] React为什么不要直接修改state?如果想修改怎么做?
- 被3亿农民力挺,仍惨遭封杀!中国最冤产品,出路在哪?
- 简易 Python 3 运行 Python 2 代码
- 谷歌何时停止Android更新,谷歌宣布Android Studio将停止为32位系统提供更新
- APUE实战篇1:在Ubuntu环境搭载apue的环境
- 自动控制原理复习——第二章 控制系统的数学模型,系统框图简化,信号流图,梅森公式,控制系统的传递函数(详细介绍)
- 微信打开h5链接,缓存未清除解决办法
- 基于古诗词的名字生成器
- 用C程序编简易双人五子棋
- Navicat提示access violation at address in module'navicate.exe'
热门文章
- 16.刚体碰撞事件监测与处理
- Overlapping Rectangles 离散+线段树 +扫描线
- centos 7 部署 open-falcon 0.2.0
- 【渣硕的数学笔记】数值分析
- mysql添加外键报错:ERROR 1215 (HY000): Cannot add foreign key constrain
- unity3d世界坐标系和本地坐标系
- 【C#】override,Abstract,Virtual 介绍及区别--转载
- 好久没更新日志了啊~!!今天发一个AS3的播放器
- c# 操作文件_小练习(音乐播放器)
- docker build命令详解_『中级篇』docker之java容器运行外置springboot-jar(番外篇)(79)...