<%@ 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>
<base href="<%=basePath%>">
<title>My JSP 'radil_checked.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style type="text/css">
.menu{
border: 1px solid #ffEEcc;
border-collapse: collapse;
line-height: 30px;
}
</style>
<script type="text/javascript" src="Script/jquery.js"></script>
<script type="text/javascript">
function clk () {
var val = $("input[type='radio'][name='num']:checked").val();
alert(val);
}
function changeBackColor (str) {
$("#main").children(".list").children(".menu").each(function(i,v){
if(v.innerHTML == str){
$(this).css('background-color','yellow');
} else {
$(this).css('background-color','white');
}
});
}
</script>
</head>
<body>
<fieldset>
<legend>获取单选框值</legend>
<input type="radio" name="num" value="1" onclick="clk();">1
<input type="radio" name="num" value="2" onclick="clk();">2
<input type="radio" name="num" value="3" onclick="clk();">3
<input type="radio" name="num" value="4" onclick="clk();">4
<input type="radio" name="num" value="5" onclick="clk();">5
</fieldset><br><br>
<div id="main">
<div class="list">
<div class="menu">menu</div>
</div>
<div class="list">
<div class="menu">menu1</div>
</div>
<div class="list">
<div class="menu">menu2</div>
</div>
</div>
<input type="button" value="menu" onclick="changeBackColor(this.value)">
<input type="button" value="menu1" onclick="changeBackColor(this.value)">
<input type="button" value="menu2" onclick="changeBackColor(this.value)">
</body>
</html>
分享到：
相关推荐
Java中的选择框、单选框和单选按钮是GUI（图形用户界面）编程中常见的组件，主要用于用户在一组选项中进行选择。这些组件都属于Swing库中的JComponent子类，用于构建桌面应用的交互元素。 **选择框（JCheckBox）** ...
- `:checked`：选择所有选中的复选框或单选按钮。 - `:selected`：选择所有被选中的`<option>`元素。 ### jQuery DOM操作 除了选择器外，jQuery还提供了丰富的DOM操作方法： 1. **获取文本和属性**： - `.text()...
- `num.size()` 或 `.length`：获取jQuery对象集合中的元素数量。 - `str.selector`：获取用来创建该jQuery对象的选择器字符串。 - `el.context`：获取jQuery对象集合中的元素的上下文。 - `$.eq(index)`：根据...
- `<radio>`组件是单选框，通过设置`value`属性来标识每个单选按钮的唯一值，通过`group-value`属性在父组件`<radio-group>`中控制当前选中的值。 - 使用`checked`属性可以设置单选按钮是否默认选中，但通常我们会...
- $(":radio")：所有的单选框。 - $(":checkbox")：所有的复选框。 - $(":submit")：所有的提交按钮。 - $(":reset")：所有的重置按钮。 - $(":button")：所有的标准按钮。 - $(":image")：所有的图像形式的...
对于单选按钮（radio button），由于它们通常具有相同的name属性值，当在一个name组中判断哪个单选按钮被选中时，需要特别注意。由于name组内的单选按钮互斥，只有最后一个被选中的单选按钮会被标记为"checked"。...
- 伪类和伪元素：如`:hover`用于鼠标悬停状态，`:focus`用于获取焦点时，`:checked`用于复选框或单选框选中状态。 - 关联样式表：通过`@import`指令导入其他QSS文件。 5. **Qt与QSS结合使用**： - `QWidget::...
`getElementsByName()`返回一个NodeList，遍历这个列表，检查每个元素的`checked`属性，如果找到选中的，就显示对应的索引并弹出警告框。 这些是JavaScript面试题中涵盖的一些核心概念，深入理解和掌握这些知识点...
但在jQuery中，尝试用选择器获取不存在的元素不会导致错误，而是返回一个空的jQuery对象。 总的来说，jQuery选择器的灵活性和易用性使得前端开发人员能够更高效地操作DOM，减少代码量，提高代码可读性和维护性。...
alert('当前选中的是第 ' + (i + 1) + ' 个单选框'); break; } } } ``` #### 2. 填充注释部分的函数体，使得foo()函数调用弹出”成功”的对话框。代码应尽量简短 ```javascript function foo() { alert('成功...
- `checked`：用于复选框和单选按钮，指定默认选中状态。 - `readonly`：使输入字段只读，无法编辑。 ### 4. JavaScript 事件触发器 在HTML文档中，可以使用JavaScript来监听和响应用户的操作，常见的事件触发器...
22. **Get (获取)**：获取对象的属性值。 23. **Set (设置)**：设置对象的属性值。 24. **Public (公有)**：访问修饰符，允许类的任何地方访问。 25. **Private (私有)**：访问修饰符，仅允许类内部访问。 26. *...
- `DataSet`对象用于在内存中存储从数据库中获取的数据，类似于小型的离线数据库。 #### 36. DataAdapter对象 - `DataAdapter`对象用于填充`DataSet`，以及将更改的数据同步回数据库。 #### 37. Connection对象 - ...
- **实现思路**: 通过获取表单中所有名称相同的单选框，然后遍历这些单选框来查找被选中的单选框，并显示相应的提示信息。 - **代码分析**: 通过 `document.getElementsByName("radioGroup")` 获取名为 `radioGroup`...
- **功能解析**：这段代码的作用是遍历具有指定名称的所有单选按钮，如果某个按钮被选中，则弹出一个提示框显示该选项的位置。 - **扩展知识点**：`document.getElementsByName()` 方法返回一组拥有相同名称的元素...
在文档的第一个表单中，查找所有的单选按钮(即: type 值为 radio 的 input 元素)。 jQuery 代码: $("input:radio", document.forms[0]); --------------------------------------------------------------------...
本书是第II卷，以开发人员在项目开发中经常遇到的问题和必须掌握的技术为中心，介绍了应用Java进行桌面程序开发各个方面的知识和技巧，主要包括Java语法与面向对象技术、Java高级应用、窗体与控件应用、文件操作...