`

用JS修改checkbox的选中状态

阅读更多

代码如下:

<SCRIPT LANGUAGE="JavaScript">
<!--

function change()
{
var c=document.myform.mybox;
     if (c.checked)
     {
      c.checked=false;
     }
else
{
   c.checked=true;
}
}
//-->
</SCRIPT>

<FORM METHOD="POST" ACTION="" name="myform">
<INPUT TYPE="checkbox" NAME="mybox" value="1" >
   </FORM>
<INPUT TYPE="button" onclick="change();" value="改变">

  • fsd.rar (353 Bytes)
  • 下载次数: 33
分享到:
评论
1 楼 qiaoliang0729 2012-08-16  
   

相关推荐

    checkbox多项选中及取消选中

    如果需要在多个地方同步 `checkbox` 的选中状态,可以使用 `localStorage` 或 `sessionStorage` 来存储用户的选中项。每次 `checkbox` 状态改变时,更新存储,并在页面加载时根据存储的状态恢复。 8. **CSS样式...

    vue .js绑定checkbox并获取、改变选中状态的实例

    在Vue.js中,绑定checkbox并获取、改变其选中状态是常见的需求。本文将通过一个实例来详细介绍这个过程,并探讨如何处理复选框选中的值问题。 首先,让我们看下HTML部分的代码: ```html ...

    CheckBox 选中效果 选中子的父自动选中,选中父的子全部选中

    - 遍历这些元素,根据它们的`type`属性和`name`属性判断是否需要修改选中状态。 - 在处理子项CheckBox时,还需要额外判断父项是否需要同步更新选中状态。 6. **实际应用场景**: - 角色权限分配系统:在一个角色...

    checkbox选中 全选 传值

    在IT行业中,"checkbox选中 全选 传值"是一个常见的交互功能,特别是在Web开发领域。这个功能涉及到用户界面(UI)设计、JavaScript编程、HTML和CSS等基础知识。下面将详细阐述这些知识点: 1. **Checkbox(复选框...

    Gridview读Excel分页记录选中状态跳转页面传参

    6.分页,跳到下一页,记录上一页面Checkbox选中状态 7.清除Checkbox选中状态 8.跳转页面,传参选中的Checkbox对应的姓名 之前是从网上看到的保存checkbox分页选中状态,但是没有传参,自己修改了一下方法可以传参给...

    js 判断checkbox是否选中的实现代码

    总结一下,JavaScript判断checkbox是否选中的实现代码主要包括两个关键点:一是获取所有需要判断的checkbox元素,二是通过遍历这些元素并检查它们的`checked`属性来判断其选中状态。通过编写相应的JavaScript函数,...

    Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)

    一、改变radio/checkbox选中状态 在HTML中,`&lt;input type="radio"&gt;` 和 `&lt;input type="checkbox"&gt;` 分别用于创建单选按钮和复选框。在jQuery中,我们可以通过`.attr()`方法来改变它们的`checked`属性,从而改变其...

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

    同时,为了实现全选功能,我们需要维护一个全选状态变量,当这个变量改变时,更新所有子项的选中状态。 至于标签中的“ssh”,它通常指的是Struts2、Spring和Hibernate的集成框架,用于构建企业级的Java Web应用。...

    layui table 复选框跳页后再回来保持原来选中的状态demo

    6. jQuery或原生JavaScript操作:可能需要使用jQuery(如果layui项目中已经引入)或原生JavaScript来动态修改DOM元素,以保持复选框的状态。 7. 代码优化:为了提高性能和用户体验,避免不必要的全表重新渲染,我们...

    checkbox 选中一个另一个checkbox也会选中的实现代码

    这里用了两种方法:一是通过指定多个 ID 并用逗号分隔,逐一设置选中状态;二是利用 CSS 选择器 `input[type=checkbox]` 一次性设置所有同类型的 `checkbox`。 同样的逻辑应用于第二列、第三列和第四列的 `checkbox...

    jstree_checkbox

    这些样式决定了树形结构的外观,包括节点的样式、复选框的样式、选中状态的显示等。 5. **dtree.js**:这是核心JavaScript库文件,包含了实现树结构和复选框功能的代码。通过调用这个库中的方法,开发者可以初始化...

    c# javascript 操作 checkBox控件

    通过JavaScript,可以获取和修改`CheckBox`的状态,如下所示: ```html &lt;input type="checkbox" id="myCheckBox" onclick="checkStateChange()" /&gt; ``` 对应的JavaScript函数: ```javascript function ...

    bootstraps 复选框样式 优化 样式修改

    2. **自定义图标**:Bootstraps的复选框使用字体图标(font icons)来显示选中状态,通常使用`glyphicon`或`fa`(Font Awesome)图标库。你可以替换这些图标,使用SVG图标或者其他图标库,以改变选中状态的视觉表示...

    让checkbox不选中即将选中的checkbox不选中

    在某些场景下,我们可能需要实现这样的功能:当用户尝试选中一个已经被选中的复选框时,该复选框不会被再次选中,即保持非选中状态。这个功能在某些特定的应用中,如防止重复选择或者实现反选效果,非常有用。以下将...

    checkbox的全选与取消

    然后,在JavaScript中编写`toggleCheckboxes`函数,遍历所有子复选框并改变它们的选中状态: ```javascript function toggleCheckboxes() { var checkboxes = document.getElementsByName('myCheckbox'); for ...

    改变checkbox默认选中状态及取值的实现代码

    现在,我们将讨论如何用JavaScript和jQuery改变`checkbox`的默认选中状态。在jQuery中,可以使用`attr()`方法来设置或获取属性。以下代码将反转所有`checkbox`的选中状态: ```javascript $(":checkbox").attr(...

    今天把JS控制checkbox全选、取消全选、删除功能的代码贴出来。。。。。

    ### JS控制Checkbox全选、取消全选与删除功能 在前端开发中,处理表单数据时经常需要用到对多个复选框(checkbox)的操作,比如全选、取消全选以及基于选择状态进行某些操作(如删除)。本文将详细介绍如何通过...

    js多级联动多选checkbox插件

    例如,使用`document.getElementById()`、`document.querySelector()`或`document.querySelectorAll()`来获取指定的checkbox元素,然后通过`.checked`属性来检查或设置其选中状态。 2. **事件监听**:当用户与...

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    例如,我们可以这样修改`dfCommon.js`文件: ```javascript // 获取表格的复选框选择模型 var selectionModel = Ext.getCmp('yourGridId').getSelectionModel(); // 监听单个复选框的checkchange事件 ...

Global site tag (gtag.js) - Google Analytics