- 浏览: 123617 次
- 性别:
- 来自: 北京
最新评论
<script>
function checkbox()
{
var str=document.getElementsByName("box[]");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+",";
}
}
if(chestr == "")
{
alert("请先选择一个爱好~!");
}
else
{
alert("您先择的是:"+chestr);
}
}
</script>
选择您的爱好:
<input type="checkbox" name="box[]" value="跳水" />跳水
<input type="checkbox" name="box[]" value="跑步" />跑步
<input type="checkbox" name="box[]" value="听音乐" />听音乐
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
function checkbox()
{
var str=document.getElementsByName("box[]");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+",";
}
}
if(chestr == "")
{
alert("请先选择一个爱好~!");
}
else
{
alert("您先择的是:"+chestr);
}
}
</script>
选择您的爱好:
<input type="checkbox" name="box[]" value="跳水" />跳水
<input type="checkbox" name="box[]" value="跑步" />跑步
<input type="checkbox" name="box[]" value="听音乐" />听音乐
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
发表评论
-
table加黑
2014-10-16 10:46 612table,tr,td,th{margin:0;padding ... -
控制div隐藏显示
2014-06-07 14:47 759var showValue = $('.xxx).css('d ... -
文本框禁止粘贴复制
2014-04-01 14:47 0function fnckeystop(evt){ ... -
文本框禁止粘贴复制
2014-04-01 14:47 491function fnckeystop(evt){ ... -
文本框禁止粘贴复制
2014-04-01 14:47 0function fnckeystop(evt){ ... -
选择下拉框中的链接,网页自动打开一个新窗口
2014-01-09 18:05 664onChange="javascript:windo ... -
html控件设置为只读
2013-12-14 10:22 1022文本 document.all["xxx" ... -
获取td属性,给它设置成多列
2013-11-04 10:39 981td..setAttribute("colSpan& ... -
html 杂乱
2013-08-23 15:42 7021. 加时间戳用于页面不刷新 &timeStamp= ... -
html 提交时把隐藏的变为可显示
2013-08-23 15:40 670var data=document.all; for(j=0; ... -
table用法(转载)
2012-11-29 14:32 802一、表格的常用属性基 ... -
.jQuery中mouseleave和mouseout的区别(转载)
2012-10-08 15:38 939很多人在使用jQuery实现鼠标悬停效果时,一般都会用到mou ... -
javascript杂乱
2012-03-28 17:32 858一个控件对象为this var thisValue=isNa ... -
关闭窗口无提示
2012-02-24 15:34 683<html><body ><sc ... -
html target
2012-02-22 16:19 663target属性指定所链接的页面在浏览器窗口中的打开方式,它的 ... -
页面打开完成后刷新一次
2011-11-03 10:29 965function window.onload(){if(loc ... -
JQuery autocomplete使用手册(转载)
2011-11-02 08:36 749Jquery autocomplete是一 ... -
获取表单对象的各个属性
2011-09-26 18:10 994通过表单对象的姓名获取它的类型和值 document.all[ ... -
实现Enter键自动将焦点切换到表单下一个控件对象上(即代替tab建)
2011-09-23 11:14 1173function addEnterEvent(){ $(&q ...
相关推荐
### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...
在实际应用中,我们经常需要在列头添加复选框来实现全选或全不选的功能,以便于用户对大量数据进行操作。本篇将深入探讨如何利用SpreadJS实现这一功能,并结合提供的压缩包文件进行解析。 首先,我们关注的是"demo....
例如,通过检查元素的类型是否为复选框,以及其ID是否包含特定前缀,来确定是否应该改变该元素的状态。此外,代码还通过替换元素ID后缀的方式,实现了对同一组内其他复选框状态的控制,确保在选中一个复选框时,同组...
### js翻页复选框状态保存 在网页开发过程中,特别是在使用JSP(Java Server Pages)进行后端处理的应用场景下,保持用户界面的一致性和交互性是非常重要的。本篇文章将详细探讨如何通过JavaScript实现一个功能:即...
在JavaScript中,我们可以实现复选框的全选功能,使得用户只需点击一个主复选框,就能控制页面上所有关联复选框的状态。这种功能在表格数据筛选、多选项设置等场景中非常常见。 一、HTML基础 首先,我们需要在HTML...
而在某些场景下,我们需要在TreeView中的每个节点添加复选框,并实现当选择某个节点时,其所有子节点也会被选中;同样地,如果所有的子节点都被选中,则相应的父节点也会被选中。这种需求可以通过JavaScript来实现。...
给定的代码片段是一个名为`getAllCheckBox`的JavaScript函数,其作用是对页面上的所有复选框执行全选或全不选操作。具体来说: 1. **获取所有输入元素**:通过`document.getElementsByTagName("input")`获取页面上...
例如,可以为每个复选框添加一个特定的类,作为事件处理的标识。 ```javascript $('.moveable-checkbox').on('click', function() { // 处理移动逻辑 }); ``` 3. **移动逻辑**:点击复选框后,我们需要判断是向左...
标题“spreadjs_导出 Excel 显示复选框而不是布尔值-demo.zip”指的是一个使用SpreadJS库创建的示例,该示例展示了如何在导出到Excel时将数据中的布尔值(通常是True/False)替换为复选框的视觉表示。SpreadJS是一个...
以下是一些JavaScript对复选框的基本操作及其详细解释: 1. **获取复选框状态**: 使用`document.getElementById()`或`document.querySelector()`方法可以获取特定复选框的状态。复选框的`checked`属性用于检查...
标题"checkbox 复选框不能为空"和描述"checkbox复选框不能为空,至少有一个选项"正是针对这种情况,强调了复选框至少需要有一个被选中的状态。 为了实现这个功能,我们可以编写JavaScript代码进行验证。如提供的...
本文将深入探讨如何使用JS限制复选框(checkbox)的选择个数,这是一个实用的功能,允许开发者自由定义用户最多可以选择多少个选项。 ### 核心知识点 #### 1. JS限制复选框选择个数的实现原理 在提供的代码片段中...
微信小程序实现复选框效果的知识点主要包括以下几个方面: 1. 微信小程序的数据绑定和事件处理机制:在微信小程序中,通过数据绑定,可以将页面上的元素与JavaScript中的数据对象绑定,实现动态显示数据。事件处理...
本文将深入探讨一种名为“非常简单的下拉复选框”的JavaScript插件,该插件旨在简化开发过程,提高用户界面的易用性。 一、下拉复选框的基本概念 下拉复选框是HTML表单中的一个交互元素,它通常由一个可点击的下拉...
jQuery UI Multiselect插件为复选框组件提供了丰富的功能和定制选项,极大地增强了网页的交互性和用户体验。开发者可以根据项目需求,灵活配置和扩展,以满足各种复杂的场景。无论是简单地显示一组可选项目,还是...
在IT领域,尤其是在前端开发中,"tree树形结构带复选框" 是一个常见的需求,主要用于展现层次化的数据,并且允许用户进行选择操作。在HTML中实现这样的功能,通常会结合JavaScript、CSS以及可能的库或框架如jQuery、...
下拉复选框通常由HTML的`<select>`元素与`<option>`子元素配合使用,而为了实现更丰富的交互效果,我们可能还会涉及到JavaScript(js)和CSS(css)的运用。在这个项目中,包含的`TestPublicUserManageNew.html`是主...
在网页开发中,有下拉菜单的复选框是一种常见的交互元素,它允许用户在一组选项中进行多项选择,同时这些选项又能隐藏在一个下拉菜单内以节省空间。本示例涉及的技术点主要包括HTML基础、CSS样式以及JavaScript编程...
js 实现 获取复选框的选择项 ! 值得下载看看!资源免费,大家分享!!
"JS实现选中一级复选框相关二级或父级同时被选"这个功能就是一种典型的树形结构数据的复选框关联逻辑,它涉及到JavaScript编程和DOM操作。 首先,我们需要理解这个功能的基本需求:当用户选中一级复选框时,其相关...