`

美化单个checkbox

阅读更多
<script language="javascript">
function myCheckbox(obj,thisobj)
{
	var o = document.getElementById(obj);
	if(o.checked)
	{
		thisobj.style.backgroundImage="url(checkOff.JPG)";
		o.checked = false;
	}
	else
	{
		thisobj.style.backgroundImage="url(checkOn.JPG)";
		o.checked = true;
	}
}
</script>
<form id="form1" name="form1" method="post" action="">
	<h5>下边是美化了的checkbox</h5>
  <input type="checkbox" name="cc" id="cc" value="checkbox" style="display:none;" />
  <div style="width:22px; height:22px;background-image:url(checkOff.JPG);" onclick="myCheckbox('cc',this);">&nbsp;</div>
</form>












  • 大小: 966 Bytes
  • 大小: 904 Bytes
分享到:
评论

相关推荐

    JS使用图片美化单个选择框(checkbox)

    JS实现单个图片美化选中框,选择框,也就是大家熟悉的checkbox功能,大家看下演示效果,比传统的复选框要漂亮多了,鼠标点击图片即可出现美化后的选择框,一个红色的对勾,兼容火狐和IE,效果不错。 运行环境:...

    HeaderListCtrlEx、HeaderCtrlEx(MFC的LIST控件美化、单个单元格颜色设置变化)

    懂的用,用于将MFC中的LIST控件美化,使用很简单,首先将文件包含到工程,再在list变量声明中 CHeaderListCtrlEx m_list;声明列表变量。然后注意在窗口初始化中设置初始化颜色即可。 本代码修正了内存泄漏的问题,...

    利用jquery根据json文本动态的生成可分组的table,并实现checkbox partial check功能

    实现checkbox的partial check功能,即部分选中,通常涉及到两个层面:单个checkbox的选中状态和整个组的选中状态。可以为每个checkbox绑定`change`事件,当状态改变时,更新对应的组状态。同时,需要一个机制来跟踪...

    微信小程序获取复选框全选反选选中的值(实例代码)

    在这篇文档中,我们定义了一些样式来美化复选框和表格布局。例如: ```css .table { background-color: #fff; border: 1px solid #dadada; width: 1200rpx; margin-left: 0rpx; } ``` 这是一段设置表格背景...

    GridView全选/反选示例 用checkbox

    在本示例中,我们将探讨如何实现GridView中的全选/反选功能,通过复选框(checkbox)来实现这一操作。这个示例特别适合于那些需要用户批量处理数据的应用场景。 首先,`Default.aspx`是用户界面的主要部分,它包含...

    QT QTreeWidget添加复选框

    当我们需要在树形结构中实现选择功能时,可以给QTreeWidget的每一项添加复选框,以便用户可以选择单个或多个节点。这个过程涉及到Qt的自定义item delegate以及信号和槽的机制。 首先,我们要理解QTreeWidgetItem类...

    单选多选按钮样式

    在网页设计中,单选按钮(Radio Button)和多选按钮(Checkbox)是常见的用户交互元素,用于收集用户的单个选择或多个选择信息。本文将详细介绍如何使用HTML和CSS来创建具有样式的单选和多选按钮,并通过提供的`demo...

    【JavaScript源代码】js实现添加删除表格操作.docx

    CSS样式用于美化页面,例如设置边框、内边距、宽度等,使得表格看起来更整洁。特别是对于全选按钮和各单元格的对齐方式进行了定制。 JavaScript部分主要负责处理用户交互,具体包括以下几个关键操作: 1. **添加行...

    js check复选

    在JavaScript(JS)中,"check复选"通常指的是对HTML页面中复选框(checkboxes)的操作,包括选择全部、取消全部以及单独选择或取消单个复选框。在这个场景下,`js check all`标签暗示我们关注的是如何用JavaScript...

    基于elementui的form表单实现的一个高拓展性的表格布局组件

    首先,Element UI的Form组件提供了强大的表单处理能力,它支持各种表单元素如Input、Select、Checkbox、Radio等,并且具有表单验证功能,能够方便地实现动态表单和自定义验证规则。要创建一个高拓展性的表格布局组件...

    android 界面例子

    2. **XML布局文件**:"MyTaskListItem"可能是一个XML文件,定义了任务列表项的UI元素,如TextView(文本视图)用于显示任务标题,ImageView(图像视图)用于显示图标,以及可能的CheckBox(复选框)用于标记任务状态...

    小程序实现单选多选功能

    CSS样式用于美化选项的显示效果,包括边框、圆角、颜色等。 ```html &lt;!-- WXML --&gt; &lt;view class='checkbox-con'&gt; &lt;checkbox-group bindchange="checkboxChange"&gt; &lt;label class="{{item.checked?'checkbox ...

    常用WEB服务器控件

    4. **RadioButton**和**CheckBox**控件:RadioButton用于提供单选选项,而CheckBox用于提供多选。他们都有Checked属性来控制是否选中,并且可以使用GroupName属性来创建一组相关的单选按钮。 5. **DropDownList**...

    jquery特效制作复选框,全选,反选,取消,购物车,统计价格,统计

    取消功能则是单个复选框的选择状态被改变,不影响其他复选框。 购物车功能通常涉及到商品选择和价格计算。当用户选择一个商品(即勾选复选框)时,应该更新购物车总价。这里需要维护一个商品价格列表,并使用jQuery...

    项目案例:制作1号店网站

    商品详细页展示了单个商品的所有详细信息,如大图(`&lt;img&gt;`),商品描述(`&lt;p&gt;`),规格选项(`&lt;select&gt;`和`&lt;option&gt;`),评价(`&lt;blockquote&gt;`),以及添加到购物车按钮(`&lt;button&gt;`)。此外,还可以使用`&lt;meta&gt;`...

    jspch01.zip

    2. **单选框**:用户可以选择单个商品。同样,这可以通过HTML的`&lt;input type="radio"&gt;`标签实现,通过设置相同的`name`属性来实现一组单选框之间的互斥。 3. **加减按钮**:这些按钮用于增加或减少购物车中商品的...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    18.jQuery美化复选框Checkbox和radio单选框的插件hcheckbox示例 19.jQuery漂亮Flash卡通动感菜单示例 20.jQuery漂亮动感二级网站导航菜单源码下载 21.jquery漂亮苹果系统动画效果的导航菜单示例 22.jquery...

    layui结合form,table的全选、反选v1.0示例讲解

    每个复选框具有`lay-skin="primary"`样式,这是Layui框架提供的一个预设样式,用于美化复选框。同时,每个复选框也设置了`lay-filter`属性,该属性用于标识所属的控制单元,方便后续通过JavaScript进行控制。 #### ...

    DOCTYPE html.docx

    - **方法**:包括处理全选状态变化、单个商品状态变化、删除商品及计算总价的方法。 #### 六、模板语法 文档中还使用了Vue的模板语法来动态渲染内容: ```html ()" type="checkbox"&gt;全选/全不选 (item, index) in ...

    2021-2022计算机二级等级考试试题及答案No.13271.docx

    容器控件(如Panel、PlaceHolder、RadioButtonList)用于容纳其他控件,而CheckBox主要用于表示单个复选框。 ### 13. Word的功能介绍 - Microsoft **Word**是一款功能强大的文字处理软件,常用于文档的编辑和排版...

Global site tag (gtag.js) - Google Analytics