Jquery操作radio的简单实例
查看到的是同样名为‘study',$(“input[name=study]:text”)这段代码取得的是name属性为“study”的text输入框的jquery对象, input type="radio" value="jquery插件教程"Jquery插件教程 input type="radio" value="Jquery学习"Jquery学习 input type="radio" value="PHP学习"PHP学习 input type="button" value="确定" input title="Jquery学习" type="button" value="将radio设定为Jquery学习" input type="text" value="请输入您想学到的知识" input type="button" value="点击我,就可以知道这个radio选项是否有一个被选中了,通过判断他的length 是否等于0, 。
但是类型是TEXT的输入框里面的值" 在上面的html代码中,细心的您应该可以发现3个radio的name属性和一个text的name属性都是“study” 复制代码 代码如下: $(function(){ $('#tijiao').click(function(){ if ($("input:[name=study]:radio:checked").length == 0){ alert("请选择您想学习的知识"); return false; } var study = $("input:[name=study]:radio:checked").val(); alert("谢谢!您选择的是" + study); }) $("#set_jqeury_study").click(function(){ var $button = $(this); $("input:[name=study]:radio").each(function(){ if (this.value == $button.attr('title')){ this.checked=true; } }) }) $("#view_input_text").click(function(){ alert($("input[name=study]:text").val()); }) }) $(“input:[name=study]:radio:checked”)这段代码取得的是所有name属性为“study”而且已经被选中的radio的jquery对象,。
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jq/jc/9506.shtml
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
PHP识别相片是否是颠倒的
时间:2020-12-28
-
python编程有哪些ide
时间:2020-12-28
-
python开发工程师是做什么
时间:2020-12-28
-
php构造函数的作用
时间:2020-12-28
-
php怎么跟数据库连接
时间:2020-12-28
-
php实现顺序线性表
时间:2020-12-28
-
Python多重继承中的菱形继
时间:2020-12-28
-
php中break的作用
时间:2020-12-28
热门文章
-
php中常用的正则表达式使用方法
时间:2020-12-25
-
asp与php区别是什么?
时间:2020-12-27
-
PHP识别相片是否是颠倒的,并且重新摆正
时间:2020-12-28
-
Yii授权之基于角色的存取控制 (RBAC)
时间:2020-12-23
-
php的一键安装包有哪些 php环境搭建
时间:2020-12-19
-
php实现对图片对称加解密(适用身份证加
时间:2020-12-25
-
php如何理解面向对象
时间:2020-12-28
-
超详细分析php docker的原理及作用
时间:2020-12-27
-
Python控制Excel实现自动化办公
时间:2020-12-23
-
session的作用是什么
时间:2020-12-25
