javaWeb中如何用单选框循环勾选值

时间:2024-10-28 06:06:39

1、打开eclipse工具,点击菜单File,依次选择New--->Dynamic Web Project,输入项目名称,然后点击Next

javaWeb中如何用单选框循环勾选值

2、输入上下文根目录和上下文文件夹,勾选生成web.xml文件,然后单击Finish

javaWeb中如何用单选框循环勾选值

3、在项目中的WebContent文件夹下,新建一个index.jsp文件

javaWeb中如何用单选框循环勾选值

4、在jsp文件中引入jquery核心文件,并修改title标签内容

javaWeb中如何用单选框循环勾选值

5、在<body></body>标签中,插入一个form表单和四个单选按钮

javaWeb中如何用单选框循环勾选值

6、利用jquery初始化函数,调用each函数遍历四个按钮,当单选按钮的id值为basketball,设置为选中

javaWeb中如何用单选框循环勾选值

7、将项目部署到Tomcat服务器中,启动运行,结果发现单选按钮没有被选中

javaWeb中如何用单选框循环勾选值

8、检查代码发现,获取单选按钮的id属性使用双引号,调用attr()方法

javaWeb中如何用单选框循环勾选值

9、再次保存代码并运行项目,刷新浏览器,可以发现篮球单选按钮被选中

javaWeb中如何用单选框循环勾选值
© 手抄报圈