`

关于checkbox控制

    博客分类:
  • html
 
阅读更多
关于checkbox控制是否选中容易混淆的问题,实际与"checked=checked"无关

<!DOCTYPE html>
<html>
<head>
<style>
div { width:60px; height:60px; margin:10px; float:left; }
p { clear:left; font-weight:bold; font-size:16px;
color:blue; margin:0 10px; padding:2px; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<input id="check_id" type="checkbox" onclick="checkAttr(this);"/>check
<p>Added this... (notice no border)</p>
<script type="text/javascript">
function checkAttr(obj) {
if(obj.checked == true) {
alert("true");
} else if(obj.checked == false) {
alert("false");
}
obj.checked = false;
$("#check_id").attr("checked","checked");
//$("#check_id").removeAttr("checked");
}
</script>
</body>
</html>
分享到:
评论

相关推荐

    js 实现 使用checkbox控制文本框

    js 实现 使用checkbox控制文本框! 值得下载看看!资源免费,大家分享!!

    关于checkbox选择个数限制

    本篇我们将深入探讨如何实现“关于checkbox选择个数限制”的功能,并结合给定的“判断checkbox.html”文件来解析其背后的实现逻辑。 首先,我们需要了解HTML中的Checkbox元素。Checkbox是用户界面中常见的一个组件...

    JS控制checkboxJS控制checkboxJS控制checkbox

    本文将深入探讨如何使用JavaScript来控制checkbox的行为,包括选择、取消选择、检查状态以及处理与checkbox相关的事件。 一、获取checkbox 在JavaScript中,可以通过`document.getElementById`、`document....

    JS实现TreeView中Checkbox的控制

    在前端开发中,`TreeView` 是一种常见的UI组件...总的来说,`JS`实现`TreeView`中`Checkbox`的控制涉及到HTML结构设计、事件监听、DOM操作及状态管理等多个方面。理解并掌握这些知识,对于前端开发者来说是非常重要的。

    jquery 一个checkbox控制全选与反选

    页面上通过一个checkbox实现全选与反选

    WPF 自定义CheckBox样式

    为了响应CheckBox的状态变化(如选中、未选中),我们需要添加Visual State Manager来控制不同状态下的显示。例如,当CheckBox被选中时,我们可以改变`FontIcon`的`Glyph`属性来展示选中状态的图标。 在实际应用中...

    checkbox 设定文字和选框之间的距离及自定义样式

    在Android开发中,Checkbox是用户界面(UI)中常见的组件之一,用于提供用户选择或取消选择的选项。本文将深入探讨如何设定Checkbox的文字与选框之间的距离以及如何自定义Checkbox的样式,以此来提升应用界面的用户...

    C#WinForm控件美化CheckBox

    3. 颜色控制:可以更改CheckBox的`ForeColor`(文字颜色)和`BackColor`(背景颜色),或者在绘制时控制边框和填充色。 4. 外观样式:利用`FlatStyle`属性,可选择不同的样式,如`Flat`、`Popup`、`Standard`或`...

    checkbox多项选中及取消选中

    综上所述,实现 `checkbox` 的多项选中及取消选中,需要理解 `checkbox` 的基本用法,掌握JavaScript操作DOM属性的方法,理解 `attr` 与 `prop` 的区别,并灵活运用事件监听和样式控制。通过这些技术,你可以创建出...

    PB 11.5 CheckBox三种状态的实例

    在PowerBuilder 11.5中,CheckBox控件是一种常用的数据输入组件,它允许用户进行是/否或真/假的选择。本实例将详细讲解如何实现...通过实例代码和事件处理,我们可以灵活地控制CheckBox的行为,从而满足各种业务需求。

    checkBox全选——jscheckBox全选——jscheckBox全选——js

    首先,HTML部分,我们需要定义一组`checkBox`,并添加一个特殊的`checkBox`作为全选/全不选的控制按钮: ```html &lt;input type="checkbox" id="selectAll"&gt; 全选 &lt;input type="checkbox" name="items" value="1"&gt; ...

    jQuery操作checkbox并获取选中值

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本文将详细讲解如何使用jQuery来操作...希望这个教程能帮助你更好地理解和运用jQuery来控制checkbox。

    MFC CheckBox 自绘实现

    在这个例子中,"MFC CheckBox 自绘实现"是关于如何自定义MFC中的CButton类(代表CheckBox控件)的绘制过程。这通常涉及重写CButton类的一些关键成员函数,如OnDrawItem()或OnCtlColor()。 首先,我们需要了解...

    DuiLib_CheckBox

    "DuiLib_CheckBox"正是为了解决这个问题而设计的,它添加了一个新的“部分选中”(Partially Checked)状态,使得用户可以通过单个CheckBox就能控制一组相关CheckBox的选中状态。 实现这个功能的关键在于扩展...

    CheckBox的优化.rar

    这里可能使用了伪类(如`:checked`)来控制Checkbox不同状态下的样式。 3. **images**:这个文件夹可能存储了用于Checkbox美化的一些图片资源。例如,可以为未选中和选中的状态提供不同的背景图像,或者用于自定义...

    通过图文混排给CheckBox设置图片

    在Android开发中,CheckBox是一个常用的UI组件,用于用户进行单选选择。通常,CheckBox的显示方式是文本加勾选标记,但有时我们可能需要自定义它的样式,比如为CheckBox添加图片。本文将深入探讨如何通过图文混排的...

    从xml中改变checkBox大小和形状

    `&lt;solid&gt;`标签设置了填充颜色,`&lt;stroke&gt;`标签设置了边框,而`&lt;corners&gt;`标签控制了CheckBox的圆角。 此外,`AndroidManifest.xml`文件是应用的全局配置,它通常不涉及CheckBox的具体样式设置,但可能会影响到应用...

    checkbox美化插件包

    6. **API接口**:icheck提供了一套简洁的API,使得在代码中动态控制checkbox和radio的状态变得简单。 7. **jQuery插件**:icheck基于jQuery构建,这使得它易于集成到现有的jQuery项目中,并且可以利用jQuery的便利...

    android之checkbox组件

    在`@drawable/checkbox_selector`中,你可以定义一个选择器(Selector)来控制Checkbox不同状态下的图形。 5. **运行和调试**: 提供的`usecss`文件可能包含了一个定制样式的Checkbox实例。将这个示例导入到...

    DataGridView标头CheckBox全选反选

    要实现在列头添加`CheckBox`并控制全选/反选的功能,我们需要遵循以下步骤: 1. **创建自定义列头**: 首先,我们需要创建一个自定义的`DataGridViewColumn`,继承自`DataGridViewTextBoxColumn`,并在其中添加`...

Global site tag (gtag.js) - Google Analytics