js为操作radio

2023-09-07 阅读 17 评论 0

摘要：js得到单选按钮中选中的值；js为单选按钮组添加change事件，当选中的单选按钮发生改变时，就会触发事件。实现代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% Stri

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>

原文链接：https://hbdhgg.com/3/11894.html

上一篇：C++中序列化对象并存储到mysql

下一篇：select中option解析