如何利用jquery实现按钮获取单选和复选按钮选值

1、第一步，双击打开HBuilder编辑工具，新建静态页面，修改title显示的内容，并引入jquery核心js文件，如下图所示：

2、第二步，在主体位置插入div，div标签内部插入下拉框select、两个单选按钮、两个label和一个button，并分别设置样式和id属性，如下图所示：

3、第三步，给div元素、下拉框、按钮设置样式，使用<style></style>标签，如下图所示：

4、第四步，在<script></script>中插入下拉框切换事件，获取单选按钮值并打印出来，使用console.info（）函数，需要在浏览器下查看控制台，如下图所示：

5、第五步，再次编写提交按钮单击事件，获取下拉框和单选按钮的值，利用alert()方法弹出值，如下图所示：

6、第六步，预览该静态页面，点击按钮，弹出下拉框和单选按钮的值，这些值是传输到后台去，如下图所示：