本实例主要介绍了Document对象读取表单元素的使用（单选按钮、复选按钮的使用）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function sel_coun(){
var country = document.form1.country.length; //得到radio个数
for(var i=0;i<country;i++){
if(form1.country[i].checked){
alert(form1.country[i].value);
break;
}else{
continue;
}
}
}
function sel_love(){
var country = document.form1.love.length; //得到checkbox个数
var love =""; //new Array();
for(var i=0;i<country;i++){
if(form1.love[i].checked){
love+=form1.love[i].value+"、";
}
}
love = love.substring(0,love.lastIndexOf("、"));
alert("你的爱好有:"+love)
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM name ="form1" METHOD=POST ACTION="">
单选应用
<INPUT TYPE="radio" NAME="country" value="中国" checked>中国
<INPUT TYPE="radio" NAME="country" value="法国">法国
<INPUT TYPE="radio" NAME="country" value="美国">美国
<INPUT TYPE="button" value="提交" onclick="sel_coun();"/><br/>
复选应用
<INPUT TYPE="checkbox" NAME="love" value="打球">打球
<INPUT TYPE="checkbox" NAME="love" value="游泳">游泳
<INPUT TYPE="checkbox" NAME="love" value="看书">看书
<INPUT TYPE="checkbox" NAME="love" value="跳舞">跳舞
<INPUT TYPE="button" value="提交" onclick="sel_love();"/><br/>
</FORM>
</BODY>
</HTML>
分享到：
相关推荐
在易语言中，处理单选框的选中状态是创建交互式应用时的一个关键部分。本文将详细讲解如何在易语言中实现单选框的选中状态管理，以及涉及的相关函数如`SendMessageA`, `CheckRadioButton`, `GetDlgCtrlID`, 和 `...
易语言源码单选框选择框选中状态.rar 易语言源码单选框选择框选中状态.rar 易语言源码单选框选择框选中状态.rar 易语言源码单选框选择框选中状态.rar 易语言源码单选框选择框选中状态.rar 易语言源码单选框选择...
去单选框选中状态,一些常用的代码 ，仅供参考！
本文提供了三种取消选中radio的方式，代码示例如下: 本文依赖于jQuery,其中第一种，第二种方式是使用jQuery实现的，第...单选按钮取消选中的三种方式</title> [removed] [removed] [removed] $(function(){ // v
当单选按钮被选中时，通过`:checked`伪类改变`background-color`为蓝色，并使用`transform: scale(1.2)`放大圆圈，营造出一种点击选中的动画效果。 此外，`transition: all 0.3s ease;`设置了过渡效果，让颜色变化...
本文将详细讲解如何实现Qt单选按钮的选中与取消选中功能，以及相应的颜色变化和样式调整。 首先，我们需要创建一个QRadioButton对象，并将其添加到布局（QLayout）中。Qt提供了方便的信号和槽机制来处理用户交互。...
单选按钮常用于提供多个互斥的选择给用户，只有一个可以被选中。本篇文章将深入探讨如何在VC++中设置和获取一组单选按钮的选中状态。 首先，我们需要了解MFC（Microsoft Foundation Classes）库，它是VC++用于...
本文将详细介绍如何在不同编程环境中获取被选中的单选按钮，以及如何通过弹出框展示用户的选择。 1. **Java Swing**： 在Java Swing中，我们可以使用`JRadioButton`类来创建单选按钮，并使用`ButtonGroup`来管理...
如果没有任何单选按钮被选中，则返回空字符串或其他表示未选中的标志。 #### 示例代码分析 下面是对给定代码片段的分析： ```javascript function getSelectedRadio(questionId) { var item_Id1 = ""; var e = ...
单选则是每次只能选择一个节点，选择其他节点时，先前选中的节点将自动取消选择。这通常涉及到JavaScript或者jQuery的事件监听和处理，例如`click`事件，配合`toggleClass()`或`prop()`方法来切换选中状态。 2. **...
本教程将详细讲解如何在VC++中设置和获取一组单选按钮的选中状态，这对于创建具有交互性的应用程序至关重要。 首先，让我们了解单选按钮的基本概念。在Windows API中，单选按钮由`BM_SETCHECK`消息控制，该消息可以...
- **改变状态**：通过`element.checked = true/false`可以改变单选按钮的选中状态，使得点击文字也能实现选中效果。 - **DOM操作**：可以使用`document.querySelector`或`document.querySelectorAll`来获取和操作...
在本文中，我们将深入探讨如何在Vue中实现单选框的默认选中值，并提供一个实际的示例。 首先，我们需要了解Vue中的`v-model`指令。`v-model`用于双向数据绑定，它将表单控件的值与Vue实例的数据属性关联起来。在...
本文将详细解释如何在VC++中使用单选按钮，包括设置默认选中状态、获取选中状态、多组管理以及响应单击事件。 首先，要在对话框上添加单选按钮，可以使用资源编辑器在对话框资源中拖放两个Radio Button控件，例如...
接下来，我们将详细讨论如何在Android应用中使用`RadioGroup`来实现单选及默认选中的功能。 ### 1. `RadioGroup`的基本使用 首先，我们需要在XML布局文件中添加`RadioGroup`，并在此基础上嵌套多个`RadioButton`。...
js控制单选按钮(radio)的取消与选中，javascript单选按钮
摘要:VC/C++源码,控件相关,单选按钮 VC++设置和获得单选按钮的选中状态，一个...获取单选按钮状态其实也就是判断单选按钮是否被选中，在WEB编程中，这也是一项简单实用的小技巧，在很多时候我们都需要单选按钮控件。
在IT领域，尤其是在Web开发中，"鼠标定位输入框 单选按钮自动选中"是一个常见的交互设计需求。这个功能通常涉及到HTML、CSS以及JavaScript的使用，为用户提供更直观、友好的界面体验。下面我们将详细探讨这个主题。 ...
在这个"易语言源码单选框选择框选中状态.7z"压缩包中，包含的是关于易语言中处理单选框（Radio Button）和选择框（Check Box）选中状态的源代码。 在图形用户界面（GUI）设计中，单选框和选择框是常见的控件，用于...