<html>
<head>
<title></title>
<script src="JavaScript.js"></script>
</head>
<body>
<form id="form" name="form" method="post" action="http://js.alixixi.com" onsubmit="return CheckForm()">
<input type="checkbox" name="love" >
<input type="checkbox" name="love" >
<input type="checkbox" name="love" >
<input type="checkbox" name="love" >
<input type="radio" value="好的" name="miaoshu" >
<input type="radio" value="好的" name="miaoshu" >
<input type="radio" value="好的" name="miaoshu" >
<input id="txtbox" name="MyTextfield" type="text">
<input type="submit" value="提交" >
</form>
</body>
</html>
function CheckForm() {
var flag = false;
var allRadio = document.form.elements["miaoshu"];
var txtBox = document.getElementById("txtBox").value;
for (var i = 0; i < allRadio.length; i++) {
if (allRadio[i].checked) {
if (allRadio[allRadio.length - 1].checked) {
if (txtBox == "") {
flag = false;
}
else {
flag = true;
}
}
}
}
if (!flag) {
alert("请确定输入完整");
}
var cbxs = document.getElementsByName('love');
var s = 0;
for (var i = 0; i < cbxs.length; i++) {
if (cbxs[i].checked)
{ s += 1; }
}
if (s < 1) {
alert("请确定输入完整");
flag = false;
}
return flag;
}
分享到：
相关推荐
本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素，这两种元素在表单提交和用户交互中扮演着重要角色。 首先，让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项，用户可以勾选多个选项；...
在网页设计和开发中，`radio`、`checkbox` 和 `select` 是三种常见的表单元素，用于收集用户输入的数据。这些元素都是HTML语言的一部分，是构建交互式Web页面的关键工具。下面是对这三个标签的详细解释和总结： 1. ...
在网页设计中，"radio"和"checkbox"是两种常见的表单元素，用于用户输入选择。它们在HTML中扮演着重要角色，允许用户进行多选或单选操作。本文将详细探讨如何使用CSS3技术来美化和替代浏览器自带的默认样式，以及一...
这时，开发者们会采用CSS和JavaScript来模拟自定义的radio和checkbox，以实现更美观、交互性更强的效果。本教程将重点讲解如何使用div元素模拟radio和checkbox，并结合jQuery特效来提升用户体验。 1. CSS模拟radio...
在JavaScript中，`checkbox`和`radio`是两种常见的表单元素，用于用户输入选择数据。它们在网页交互中扮演着重要角色。本篇将详细探讨这两种元素的使用方法、特性以及如何通过JavaScript进行操作。 一、Checkbox...
"表单checkbox多选框选择特效.zip" 是一个专门针对多选框选择效果进行优化和美化的资源包。通过这个压缩包，我们可以实现更加吸引人且用户体验良好的多选功能。 首先，我们来探讨一下CSS3如何实现表单的美化。CSS3...
在网页交互中，用户常常需要通过表单来输入信息...总之，判断`RADIO`和`CHECKBOX`是否被选择，关键在于遍历表单元素并检查其`checked`属性。在实际项目中，应结合具体需求和所使用的前端技术栈，选择最合适的实现方式。
2. **多元素支持**：Koo.js不仅支持基本的input元素验证，还特别强化了对select、checkbox和radio等复杂控件的验证处理，满足多样化的表单设计需求。 3. **实时反馈**：在用户输入时，Koo.js会立即进行验证并提供...
例如，在JavaScript中，`element.checked`属性会返回一个布尔值，表示复选框是否被选中。在Python的Tkinter库中，`var.get()`可以获取Checkbutton的当前状态。 三、事件处理 当CheckBox的状态改变时，我们常常需要...
在网页设计中，Radio单选项和Checkbox复选框是常见的表单元素，用于收集用户的选择信息。然而，由于浏览器的安全限制，直接通过CSS（层叠样式表）来改变Radio和Checkbox的默认样式通常是无效的。这是因为这些原生的...
为了实现更加灵活的功能，有时我们需要利用 JavaScript 来控制表单元素的状态，例如通过单选按钮（`<input type="radio">`）来控制复选框（`<input type="checkbox">`）的状态。下面将详细解析如何使用 JavaScript ...
对于表单输入控件，如复选框（checkbox）、单选按钮（radio button）、文本输入框等，JavaScript可以实现验证、动态修改样式、添加动态效果等多种功能。Checkbix插件正是利用JavaScript的这些特性，对复选框的点击...
3. **可定制的输入标签**：提供对不同类型的输入元素的支持和美化，包括select（下拉列表）、radio（单选按钮）、checkbox（复选框）以及file（文件上传）。这些元素可以根据设计师的需求进行定制，使界面更符合品牌...
综上，"JavaScript验证注册表单（包含多种表单元素）"这个项目涉及到前端开发中基础但关键的技能，通过`Ten.html`和`validate.js`这两个文件，我们可以学习到如何利用JavaScript有效地实现客户端表单验证，提升用户...
对于单选按钮（radio button）和复选框（checkbox），class="rbtnrequired"和class="chkrequiredlength_2_4"则分别表示这些输入至少选择一个，并且复选框的数量在2到4个之间。 为了实现上述的验证，验证库Validate-...
表单用于收集用户输入的数据，通常包含各种表单控件，如文本输入框（`<input type="text">`）、密码输入框（`<input type="password">`）、复选框（`<input type="checkbox">`）、单选按钮（`<input type="radio">`...
本文将深入探讨如何使用JS对各种表单内容进行验证，包括单选按钮（radio）、复选框（checkbox）和输入框（input）。 1. 单选按钮（Radio）验证： 单选按钮通常用于提供一组互斥的选择。在JS中，我们可以使用`...