js为操作radio

js得到单选按钮中选中的值；js为单选按钮组添加change事件，当选中的单选按钮发生改变时，就会触发事件。实现代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>My JSP 'index.jsp' starting page</title><!--<link rel="stylesheet" type="text/css" href="styles.css">--><script type="text/javascript" src="js/jquery-3.1.1.min.js"></script><script type="text/javascript">function showSelected(radioName){var radioGroup=document.getElementsByName("radioTest");        //得到单选按钮组for(var i=0;i<radioGroup.length;i++){                          //遍历判断哪个被选中if(radioGroup[i].checked){alert("选中的是:"+radioGroup[i].value);return;}}alert("未选中任何一个radio!");}function initRadios(){$('input:radio[name="radioTest"]').change(function(e){var thisRadio = $(this);                                //得到当前点击的radiovar radioId=thisRadio.attr("id");                       //得到当前选中的radio的id值if(radioId=="zb"){alert("选中的是张斌");}else if(radioId=="fg"){alert("选中的是福国");}else if(radioId=="yh"){alert("选中的是羿赫");}});}</script></head><body οnlοad="initRadios()"><label for="zb">张斌</label><input type="radio" name="radioTest" value="张斌" id="zb"/><label for="fg">福国</label><input type="radio" name="radioTest" value="福国" id="fg"/><label for="yh">羿赫</label><input type="radio" name="radioTest" value="羿赫" id="yh"/><br><button id="showSelected" onClick="showSelected('radioTest')">显示选中</button></body>
</html>

js为操作radio相关推荐

js原生操作select、radio 、checkbox
select.radio .checkbox常见操作 select常见操作 radio常见操作 select常见操作 html代码 <select class="select" ...
ajax实现多选 radio true,jQuery操作radio、checkbox、select的方法总结
jQuery操作radio.checkbox.select的方法总结发布于 2015-05-21 06:55:26 | 253 次阅读 | 评论: 0 | 来源: 网友投递 jQuery javas ...
超全的auto.js基础操作，目前是autoX.js的控制方式。2023年7月9日更新！(第2/4章)
02_auto.js基础操作2/4 文章目录 02_auto.js基础操作2/4 复杂界面待办事项登录界面界面模板用户调查一个小测试画布函数图像简单版函数图像高级版脚本引擎停止所有 ...
js如何操作表格（常用属性方法汇总）
js如何操作表格(常用属性方法汇总) 一.总结一句话总结: 二.表格相关的属性和方法 1.1 Table 对象集合 cells[] 返回包含表格中所有单元格的一个数组. 语法:tableObject ...
html中js添加或删除activex,JS：操作样式表2 :用JS实现添加和删除一个类名的功能（addClass()和removeClass()）...
var box = document.getElementById("box"); box.id = "pox"; 将id = "box", ...
js 字符串操作函数有哪些
js 字符串操作函数有哪些一.总结一句话总结:js字符串函数都是字符串对象的方法,是通过调用字符串方法的方式调用,和java,php里面不一样. 1.字符串替换函数怎么用? 这里的正则表示是加双引 ...
html5 js选择器,使用HTML5的JS选择器操作页面中的元素
文件命名为:querySelector.html,可在Chrome浏览器中预览效果. 1 2 3 4 5 使用HTML5的JS选择器操作页面中的元素 6 7 8 9 10 兴趣爱好: 11 12 ...
js实现操作等待提示loading……
js实现操作等待功能,防止重复提交,界面友好,底部为灰色遮罩层,防止用户重复操作. 先看效果图: 接着看js代码: 1 //关闭等待窗口 2 function closeWaiting() { 3 ...
js控制scss的变量_web前端：js如何操作sass里的变量及calc 使用sass变量
Javascript最初受java启发而开始设计的,目的之一就是"看上去像Java",因此语法上有类似之处,一些名称和命名规范也借自Java. js如何操作sass里的变量及cal ...

js为操作radio

js为操作radio相关推荐

最新文章

热门文章