`

js脚本如何判断checkbox是否选中?

 
阅读更多

分享下js判断是否选中CheckBox的方法。

代码如下:

<input type="checkbox" name="checkbox1" checked>
<input type="checkbox" name="checkbox1"> 
<input type="checkbox" name="checkbox1" checked> 
<input type="checkbox" name="checkbox1"> 
<input type="checkbox" name="checkbox1"> 
<script language=javascript> 
function check(obj) 
{

for(i=0;i<document.all(obj).length;i++) 
{ 
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择") 
} //by www.jbxue.com
} 
</script> 
<input type=button onclick="check('checkbox1')" value="检测">

//一个也没有选 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<Script Language="JavaScript"> 
function check(obj){ 
for(i=0;i<document.all(obj).length;i++){ 
if(document.all(obj)(i).checked){ 
return; 
} 
} 
window.alert('一个也没有选!'); 
} 
</Script> 
<input type=button onclick="check('test');" value="检测">

//第几个没有选 
<input type="checkbox" name="checkbox1" checked> 
<input type="checkbox" name="checkbox1"> 
<input type="checkbox" name="checkbox1" checked> 
<input type="checkbox" name="checkbox1"> 
<input type="checkbox" name="checkbox1"> 
<script language=javascript> 
function check(obj) 
{

for(i=0;i<document.all(obj).length;i++) 
{ 
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择") 
} 
} //by www.jbxue.com
</script> 
<input type=button onclick="check('checkbox1')" value="检测">

//一个也没有选 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<input type="checkbox" name="test"> 
<Script Language="JavaScript"> 
function check(obj){ 
for(i=0;i<document.all(obj).length;i++){ 
if(document.all(obj)(i).checked){ 
return; 
} 
} 
window.alert('一个也没有选!'); 
} 
</Script> 
<input type=button onclick="check('test');" value="检测">
分享到:
评论

相关推荐

    js 判断checkbox是否选中的操作方法

    本文将详细讲解如何使用 JavaScript 来判断 `checkbox` 是否被选中。 1. **获取 `checkbox` 元素** 在 JavaScript 中,可以通过 `document.getElementsByName()` 方法来获取页面上具有特定名称的 `checkbox` 元素...

    checkbox全选,选中数据传到后台

    在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...

    JS控制checkboxJS控制checkboxJS控制checkbox

    在网页开发中,JavaScript(JS)是一种至关重要的脚本语言,用于实现客户端的交互效果。在HTML表单中,`checkbox`元素常用于提供多选选项。本文将深入探讨如何使用JavaScript来控制checkbox的行为,包括选择、取消...

    JS操作CheckBox控件

    最后,当程序运行,用户在DataGrid中选择或取消选择CheckBox时,对应的行就会根据JavaScript脚本自动改变背景颜色。这种交互式的用户体验增强了用户与数据的互动性,使得数据查看和操作更加直观。 总结起来,通过...

    js限制checkbox选中个数以限制六个为例

    5. 通过设置多个checkbox,用户可以尝试选中多个选项,当选中的数量超过6时,JavaScript脚本就会阻止继续选中,并弹出警告框提示用户。 示例中的代码虽然能够实现限制选中个数的功能,但实际开发中,为了提高代码的...

    js获得Gridview中选中checkbox行的信息

    2. **获取选中状态**:在事件处理函数中,我们可以检查Checkbox的`checked`属性来确定其是否被选中: ```javascript if (this.checked) { // 处理选中状态 } else { // 处理未选中状态 } ``` `this`关键字...

    JS判定全选或单选(checkbox)

    JavaScript作为一种广泛使用的脚本语言,在网页中实现动态功能方面发挥着关键作用。在本文中,我们将深入探讨如何使用JavaScript来处理复选框(checkbox)的选择状态,包括全选和多选的功能。 ### 全选与多选复选框...

    checkbox鼠标拖拽框选

    1. **JavaScript(JS)基础**:JavaScript是网页开发中的主要脚本语言,负责处理页面的动态行为。在实现拖拽框选功能时,我们需要编写JS代码来监听鼠标的移动事件,以及处理选中状态的更新。 2. **jQuery库**:...

    c# javascript 操作 checkBox控件

    在编程领域,`CheckBox`控件是用户界面(UI)设计中常见的元素,它允许用户在两种状态之间进行切换:选中(checked)或未选中(unchecked)。在C#和JavaScript这两种不同的语言中,对`CheckBox`的操作方法有所不同,...

    jS checkbox 多选

    在网页开发中,JavaScript(简称JS)是一种常用的脚本语言,用于实现客户端的交互功能。在处理表单数据时,checkbox(复选框)经常被用作用户可以选择多个选项的元素。本文将深入探讨如何使用JavaScript实现checkbox...

    js多级联动多选checkbox插件

    - `js/`: JavaScript源码,包括插件的核心逻辑和可能的示例脚本。 - `img/`: 可能包含的图标和其他图片资源。 - `README.md`: 项目说明,包括安装、使用和配置的指南。 总的来说,理解和实现js多级联动多选checkbox...

    常用的js全选checkbox按钮的功能

    在网页开发中,JavaScript(简称JS)是一种必不可少的脚本语言,它被广泛用于实现页面上的交互性功能。本文将详细讲解如何利用JS实现“全选”checkbox按钮的功能,这在许多网页表单中非常常见,例如批量选择、批量...

    Flex动态生成checkbox组

    在Flex中,我们可以使用ActionScript进行编程,它是一种面向对象的脚本语言,类似于JavaScript。在描述中提到的“用循环动态生成checkbox组”,就是通过ActionScript中的循环结构,如for或while循环,来创建并添加多...

    【ASP.NET编程知识】总结ASP.NET C#中经常用到的13个JS脚本代码.docx

    这个JS脚本可以用来判断TextBox文本内容的长度是否超过指定长度。 这13个JS脚本代码涵盖了ASP.NET C#中常用的交互操作、事件处理、属性注册、模态窗口传值、快捷键响应等方面,可以帮助开发者快速掌握JS脚本的应用...

    js checkbox全选 反选 取消全部设置表单html复选框勾选

    在网页开发中,JavaScript(简称JS)是一种广泛使用的客户端脚本语言,用于处理网页上的交互逻辑。当涉及到HTML表单中的复选框(checkbox)时,全选、反选和取消全部勾选的功能是非常常见的需求。这些功能可以提高...

    checkbox复选框传值

    在网页设计和开发中,复选框(Checkbox)是一种常见的用户界面元素,允许用户从多个选项中选择一个或多个。当涉及到数据提交,比如通过HTML表单POST方法将用户的选择发送到服务器并存储到数据库中时,理解如何处理复...

    html的checkbox的javascript验证

    JavaScript作为客户端脚本语言,非常适合进行前端验证,避免无效数据提交到服务器。本文将深入探讨HTML checkbox的JavaScript验证。 一、HTML checkbox基本结构 HTML中的checkbox通过`&lt;input&gt;`标签创建,type属性...

    jQuery基于layui插件制作checkbox复选框选中代码.zip

    `layui.js`是layui的核心脚本文件,layui是一个轻量级的前端UI框架,提供了丰富的组件和模块化设计。在这个项目中,layui被用来美化和增强checkbox的样式和交互效果。layui的checkbox组件允许用户进行单选、多选,...

    js单独获取一个checkbox看其是否被选中

    当涉及到用户界面元素,如复选框(checkbox)时,我们经常需要检查这些元素的状态,例如,判断它们是否被选中。本文将详细介绍如何使用 JavaScript 来获取一个复选框的选中状态。 首先,我们需要理解 HTML 中的 `...

    CheckBox兼容浏览器美化

    接下来,`jq.js`文件是jQuery脚本,用于实现CheckBox的美化。jQuery可以轻松地选中元素并应用CSS样式,或者通过监听事件来改变元素状态。例如,使用以下jQuery代码,我们可以改变CheckBox的默认样式: ```javascript...

Global site tag (gtag.js) - Google Analytics