`

JS判断单个checkbox是否被选中

阅读更多

方法一:

<script>
function check()
{
var lee=document.forms["form1"].lee;
if (lee.checked == true)
 {
 alert('true');
 }
 else
 {
 alert('false');
 }
}
</script>

<form name="form1">
<input type="checkbox" id="lee" onClick="check();">
</form>

 

 

 

 

方法二:

 

<script type="text/javascript">
function checkform() {

     //判断标题栏是否填写
     if (document.form1.title.value == "") {
         alert("信息类型不能为空!");
         document.form1.title.focus();
         return;
     }

     //判断checkbox是否被选中
     var len = document.form1.keywords.length;
     var checked = false;

     for (i = 0; i < len; i++)
     {
         if (document.form1.keywords[i].checked == true)
         {
             checked = true;
             break;
         }
     }
     if (!checked)
     {
         alert("请至少选择一个关键词!");
         return;
     }

     document.form1.submit();
}
</script>

 

 

  • fs.rar (266 Bytes)
  • 下载次数: 34
分享到:
评论

相关推荐

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

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

    两层嵌套的checkbox记录选中状态

    当一个父级Checkbox被选中时,其子级Checkbox可能需要全部被选中;反之,父级未选中时,子级状态也可能需要同步。这通常通过监听Checkbox的`CheckedChangeListener`事件来实现。 **三、ListView嵌套GridView** 1. ...

    jstree_checkbox

    "jstree_checkbox"是一个专门用于创建具有复选框功能的权限树结构的JavaScript库。在Web开发中,这样的工具非常实用,特别是在处理用户角色、权限分配或组织结构等需要多级选择和层级关系的场景。它允许用户通过交互...

    自定义购物车二级checkbox 全选、单个选择

    当用户选中或取消选中一个子checkbox时,我们需要检查所有子checkbox的选中状态,如果所有的商品都被选中,则全选checkbox应被设置为选中;反之,如果存在未被选中的商品,全选checkbox应取消选中。 在实现兼容性时...

    jquery 对checkbox的操作

    jQuery提供`is()`方法来检查checkbox是否被选中: ```javascript if ($("#checkboxID").is(":checked")) { // checkbox is checked } else { // checkbox is not checked } ``` 四、事件处理 1. 绑定click事件,...

    JS控制checkboxJS控制checkboxJS控制checkbox

    在表单提交时,只有被选中的checkbox才会包含在提交的数据中。可以通过`form.elements`来访问表单元素,包括checkbox: ```javascript var form = document.getElementById('myForm'); form.addEventListener('...

    JavaScript实现CheckBox选中方法.doc

    在本文档中,我们探讨了如何使用JavaScript来实现复选框(CheckBox)的选中与取消选中功能,这对于前端开发来说是一个常见的需求。主要涉及到的技术点包括DOM操作、事件处理和条件判断。 首先,HTML部分定义了一个...

    10 - JS 实现 Checkbox 中按住 Shift 的多选功能.rar

    8. **优化性能**:为了提高性能,避免不必要的操作,如当Shift键未按下时,只处理单个Checkbox的点击事件,而不是进行复杂的范围选择。 9. **可访问性**:在开发过程中,确保遵循无障碍(WCAG)标准,使有特殊需求...

    javascript判断复选框是否选中的方法

    复选框在HTML中的表示通常为`&lt;input type="checkbox" /&gt;`,其`checked`属性用于指示复选框是否被选中。在JavaScript中,我们可以通过以下几种方式来检查复选框的状态。 1. **通过ID获取单个复选框状态**: 如果你...

    Vue.js实现购物车checkbox的全选与反选

    `updateSelectedItem`方法会在单个商品的checkbox状态改变时调用,它通过`every`方法检查所有商品是否都被选中,从而更新全选状态。 最后,确保在项目中正确安装并引入Vue.js,如果有其他依赖如Vuex或Axios,需要...

    CheckBoxList的用法

    这段代码中,我们通过`chkOne.Items[i].Selected`属性判断每个复选框是否被选中,如果被选中,则获取该复选框的值和文本,并进一步处理。 #### 五、CheckBoxList的应用场景 - **多选过滤**:在电子商务网站中,...

    table中checkbox取值

    然后,通过 `checked` 属性检查复选框是否被选中。 ```javascript // 获取单个复选框的值 var checkbox1 = document.getElementById('cb1'); if (checkbox1.checked) { console.log('复选框1已被选中'); } else { ...

    jquery判断单个复选框是否被选中的代码

    针对标题和描述中提到的需求,这里我们将详细探讨如何使用 jQuery 来判断单个复选框(checkbox)是否被选中。 首先,复选框在 HTML 中是通过 `&lt;input&gt;` 元素的 `type="checkbox"` 属性来定义的。例如,在提供的代码...

    js获取复选框选中项的值

    在探讨如何使用JavaScript(简称JS)来获取复选框(checkbox)选中项的值之前,我们首先需要理解复选框的基本概念以及它在网页表单中的作用。复选框是一种常用的HTML元素,用于允许用户从多个选项中选择一个或多个...

    Ext表单组件之checkbox

    Ext JS的复选框支持多种事件,如`change`(当值改变时触发)、`check`(当复选框被选中时触发)和`uncheck`(当复选框被取消选中时触发)。通过监听这些事件,可以实现与用户交互的逻辑: ```javascript ...

    checkbox点击事件修改样式

    当`checkbox`被选中时,显示“选中了”,反之则显示“未选中”。 总结来说,通过CSS和jQuery,我们可以实现对`checkbox`的样式和行为的完全定制。在这个例子中,我们不仅改变了`checkbox`的外观,还添加了点击事件...

    easyui checkbox +全选

    如果需要在单个复选框被选中或取消时更新全选按钮的状态,可以监听 `change` 事件: ```javascript $('.checkbox').on('change', function () { var allChecked = $('.checkbox:checked').length === $('....

    javascript中CheckBox全选终极方案.docx

    - **反向同步**: 当单个CheckBox的状态发生变化时,检查所有CheckBox的状态是否一致,并据此更新全选框的状态。 ### 2. 实现方式 在ASP.NET中实现CheckBox全选功能可以通过以下几种方式进行: #### 2.1 ASP.NET ...

    判断复选框的选择状态

    "判断是否全部被选中,如果选中全选复选框被选中,反之未被选中"这个文件名很可能对应着实现这一功能的代码示例或逻辑描述。如果你能查看到这个`.txt`文件的内容,可以从中获取具体的实现细节和代码片段,帮助你更好...

Global site tag (gtag.js) - Google Analytics