`
京华倦客
  • 浏览: 124957 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js复选框不能为空 (转载)

 
阅读更多
<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="提交" />
分享到:
评论

相关推荐

    spreadjs_列头添加复选框全选功能-demo.zip

    在实际应用中,我们经常需要在列头添加复选框来实现全选或全不选的功能,以便于用户对大量数据进行操作。本篇将深入探讨如何利用SpreadJS实现这一功能,并结合提供的压缩包文件进行解析。 首先,我们关注的是"demo....

    js翻页复选框状态保存

    ### js翻页复选框状态保存 在网页开发过程中,特别是在使用JSP(Java Server Pages)进行后端处理的应用场景下,保持用户界面的一致性和交互性是非常重要的。本篇文章将详细探讨如何通过JavaScript实现一个功能:即...

    js实现全选的复选框

    在JavaScript中,我们可以实现复选框的全选功能,使得用户只需点击一个主复选框,就能控制页面上所有关联复选框的状态。这种功能在表格数据筛选、多选项设置等场景中非常常见。 一、HTML基础 首先,我们需要在HTML...

    复选框全选全不选JS代码

    给定的代码片段是一个名为`getAllCheckBox`的JavaScript函数,其作用是对页面上的所有复选框执行全选或全不选操作。具体来说: 1. **获取所有输入元素**:通过`document.getElementsByTagName("input")`获取页面上...

    js实现复选框和单选框的选择

    本文将详细介绍如何使用JavaScript来控制这些表单元素的状态,包括实现单个复选框的选择切换、全选/全不选功能以及检查所有选项的状态。 #### 重要概念解释 1. **复选框**:允许用户选择一个或多个选项。 2. **...

    超漂亮的表单复选框特效

    4. **响应式设计**:为了适应不同设备和屏幕尺寸,复选框特效需要具有良好的响应性,确保在手机、平板电脑和桌面电脑上都能正常显示和操作。 5. **无障碍性**:考虑到残障人士的需求,特效应遵循无障碍设计原则,...

    使用javascript对复选框的各种操作

    以下是一些JavaScript对复选框的基本操作及其详细解释: 1. **获取复选框状态**: 使用`document.getElementById()`或`document.querySelector()`方法可以获取特定复选框的状态。复选框的`checked`属性用于检查...

    js限制复选框选择个数

    本文将深入探讨如何使用JS限制复选框(checkbox)的选择个数,这是一个实用的功能,允许开发者自由定义用户最多可以选择多少个选项。 ### 核心知识点 #### 1. JS限制复选框选择个数的实现原理 在提供的代码片段中...

    微信小程序实现复选框效果

    微信小程序实现复选框效果的知识点主要包括以下几个方面: 1. 微信小程序的数据绑定和事件处理机制:在微信小程序中,通过数据绑定,可以将页面上的元素与JavaScript中的数据对象绑定,实现动态显示数据。事件处理...

    非常简单的下拉复选框

    本文将深入探讨一种名为“非常简单的下拉复选框”的JavaScript插件,该插件旨在简化开发过程,提高用户界面的易用性。 一、下拉复选框的基本概念 下拉复选框是HTML表单中的一个交互元素,它通常由一个可点击的下拉...

    javascript下拉多选框复选框

    在JavaScript编程中,下拉多选框和复选框是常见的用户交互元素,它们用于收集用户的多选项选择信息。在本项目中,我们探讨的是如何使用纯JavaScript实现一个功能丰富的下拉多选框,而不是依赖于像jQuery这样的库,...

    jsp/html 实现下拉复选框

    下拉复选框通常由HTML的`&lt;select&gt;`元素与`&lt;option&gt;`子元素配合使用,而为了实现更丰富的交互效果,我们可能还会涉及到JavaScript(js)和CSS(css)的运用。在这个项目中,包含的`TestPublicUserManageNew.html`是主...

    jquery 、js实现复选框 (全选、反选)

    通过以上内容,我们可以看到使用jQuery和原生JavaScript都能轻松实现复选框的全选与反选功能。具体选择哪种方式取决于项目的实际需求和个人偏好。对于需要轻量级且不依赖额外库的应用场景,推荐使用原生JavaScript;...

    js 实现 获取复选框的选择项

    js 实现 获取复选框的选择项 ! 值得下载看看!资源免费,大家分享!!

    JS实现复选框全选全不选以及子复选框带动全选框的选中

    在网页交互设计中,复选框...综上所述,通过JavaScript实现复选框全选全不选以及子复选框带动全选框的选中功能,主要涉及事件监听、DOM操作和状态同步。这种交互设计能提高用户操作的便捷性,提升网页应用的用户体验。

    鼠标框选多选框、复选框

    js实现拖动鼠标框选复选框,想要的来下吧

    jquery实现 复选框 选中和不选中 美化复选框

    由于浏览器的安全限制,我们不能直接修改原生复选框的样式,所以我们通常会隐藏原生的复选框,然后创建一个新的元素(如`&lt;span&gt;`)来作为美化后的复选框。通过CSS,我们可以定义这个新元素的样式,包括选中和未选中...

    超炫的复选框效果源码

    6. **事件处理**:使用JavaScript或者jQuery处理复选框的点击事件,可能包括批量选中、反选等功能,增加复选框的实用性。 7. **复选框组**:在网格布局中,可能会有多个复选框组成一个组,实现联动或互斥的效果,...

    jquery动态复选框取值

    为获取所有选中复选框的值,可以使用循环遍历所有复选框: ```javascript // 遍历所有选中的复选框并获取它们的值 $('input[type="checkbox"]:checked').each(function() { var currentValue = $(this).val(); ...

    带复选框的多级目录树,复选框的选择控制子节点父节点 全选和反选

    总结来说,带复选框的多级目录树是一种高效的数据组织和操作方式,结合全选和反选功能,能极大地提高用户的操作效率。在实现时,我们需要关注复选框的状态管理、多级目录树的数据结构以及父子节点间的联动逻辑,确保...

Global site tag (gtag.js) - Google Analytics