怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 297 JQUERY DREAMWEAVER
jquery如何获取radio的值
来源：互联网
2023-03-17 00:52:13 142
JQuery是目前网页设计中的关键技术，通过JQuery可实现丰富复杂的页面效果，它以其“用最少的代码，表现最丰富的内容”的宗旨深受网页设计人员的喜爱。对于交互式radio已成为构成页面的主要元素，利用JQuery实现对radio的读取操作已是设计人员必备之技能。下面就来看一下jquery获取radio值的方法。
方法/步骤
打开Dreamweaver8，点击“新建”→“基本页”→“HTML”，新建一空白网页文件，并将该文件另存为“index.html”。
切换至代码视图，并在代码区添加如图所示的HTML代码，该段代码的作用是制作三个单选按钮，同时绘制三个交互式按钮，代码及效果如图所示：
下载相关的脚步运行库：由于采用JQuery脚本来实现网页的动态效果，因此需要在网上搜索并下载相应的JQuery运动库，下载完成后进行解压缩，将解压后的文件拷贝到网站的根目录下（与index.html文件同目录）。
在页面中加入对JQuery库的引用。此时只需要在Head标签内添加一组Script标签，并指定JQuery库的位置，当然也可以引用远程JQuery服务器地址。代码如图所示：
添加JQuery脚本控制代码，该代码的重要功能是：当点击名称为“选中的那个radio的值”时显示被选中的radio的值，点击名称为“遍历所有radio的值”时显示所有radio的值，点击名称为“取第二个radio的值”时显示第二个radio的值。最终代码如图所示：
代码的调试：当点击名称为“选中的那个radio的值”时显示被选中的radio的值，点击名称为“取第二个radio的值”时显示第二个radio的值。最终效果如图所示：
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JQUERY
上一篇：几款经典jquery插件 下一篇：js下拉框如何设置提示
相关文章
- 详细阅读
-
jQuery MiniUI 快速入门详细阅读
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大，使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 284 JQUERY
-
怎么使用JQuery Mobile开发移动网站详细阅读
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是，可以做一个网站，基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 326 JQUERY