直接代码片段。。。
<form id="check_form">
<input name="chkAll" type="checkbox" id="chkAll" value="-1" />
<br />
<input name="pks" type="checkbox" id="" value="1" />
<input name="pks" type="checkbox" id="" value="2" />
<input name="pks" type="checkbox" id="" value="3" />
<input name="pks" type="checkbox" id="" value="4" />
<input name="pks" type="checkbox" id="" value="5" />
<input name="pks2" type="checkbox" id="" value="6" />
<input name="pks1" type="checkbox" id="" value="7" />
<hr />
<br />
<input name="ras" type="radio" id="" value="2" />
<input name="ras" type="radio" id="" value="1" />
<input name="ras" type="radio" id="" value="3" checked="checked" />
<input name="ras" type="radio" id="" value="4" />
<input name="ras" type="radio" id="" value="5" />
<input name="ras" type="radio" id="" value="6" />
<input name="ras" type="radio" id="" value="7" />
</form>
<script type="text/javascript" src="${ctx}/commons/scripts/jquery.js"></script>
<script type="text/javascript" src="${ctx}/commons/scripts/calendar.js"></script>
<script type="text/javascript" src="${ctx}/commons/scripts/cs.js"></script>
<script type="text/javascript" src="${ctx}/commons/scripts/rowEffect.js"></script>
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
var f = document.forms[0];
$("#chkAll").click( function () {
alert("hao"+$("#chkAll").val());
//$("input[name='pks']").attr("checked",$("#chkAll").attr("checked"));//正确
$(":checkbox[name='pks']").attr("checked",$("#chkAll").attr("checked"));//正确
});
});
$(":radio").click( function () {
var v = $("input[type='radio']:checked").val();
alert(v);
alert($("input[type='radio'][value=2]").attr("checked")==true);//attr返回的是个对象true不是字符串"true"
});
//]]></script>
分享到:
相关推荐
综上所述,"jQuery radio checkbox美化"涉及到前端开发中的多方面技能,包括jQuery的选择器和事件处理、CSS样式设计、插件应用、自定义图标、响应式设计以及无障碍性考虑。通过学习和实践这些技巧,可以创建出既美观...
本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着重要角色。 首先,让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项,用户可以勾选多个选项;...
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
本文将深入探讨如何使用jQuery来美化radio和checkbox。 首先,理解jQuery的基本概念是必要的。jQuery是一个轻量级、高性能的JavaScript库,它简化了DOM操作、事件处理和动画效果。通过引入jQuery库,开发者可以编写...
本话题主要关注如何使用jQuery来实现自定义的radio(单选按钮)和checkbox(复选框)的美化。在现代Web界面设计中,为了提供更美观、用户体验更好的表单元素,开发者经常需要对这些标准HTML元素进行定制。 首先,...
、根据原有的select 模拟生成新的 select。 2、支持键盘,可通过键盘选择选项。 3、可自定义样式。 4、方便灵活,可选择需要的seletc 进行模拟(非全局模拟) 5、判断用户是否开启脚本支持,若未开启,不进行...
这些是jQuery对Radio、Checkbox和Select基本的操作方式。在实际应用中,你可能还需要结合DOM遍历、事件冒泡等知识,实现更复杂的交互功能。提供的Demo文件应该包含了这些操作的实例代码,通过查看和实践,可以加深...
在网页开发中,单选框(radio)和多选框(checkbox)是常见的用户交互元素,用于收集用户的选择信息。然而,原生的HTML控件样式往往单调,无法满足现代网页设计的美观需求。jQuery作为一款强大的JavaScript库,提供...
在JQuery中,当给radio或checkbox添加一个change事件时,如果它的值发生变化就会触发change事件;本文将详细介绍如何利用JQuery触发Checkbox的change事件需要了解的朋友可以参考下
**zTree 3.5 Radio/Checkbox 自定义树形组件详解** zTree 是一款基于 jQuery 的强大树形插件,广泛应用于网页中的数据展示、菜单导航等场景。在 zTree 3.5 版本中,它提供了丰富的功能,包括单选(Radio)和复选...
在网页设计中,Radio(单选按钮)和Checkbox(复选框)是常见的表单元素,用于用户选择或提供选项。这些元素虽然功能强大,但默认样式通常较为简单,可能不符合现代网页的审美需求。因此,为了提升用户体验和界面...
在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...
### 知识点详解 ...以上内容总结了通过jQuery获取和操作Radio、CheckBox以及文本框Value值的基本方法。这些操作对于处理表单数据和用户交互非常有用,而且示例代码也方便读者理解和实际应用这些知识点。
在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它提供了简洁、强大的API来操作DOM元素,包括处理各种表单元素如radio和checkbox。本文将详细介绍如何使用jQuery改变radio和checkbox的选中状态以及如何获取...
3. 使用JavaScript库:如jQuery UI、Bootstrap等框架提供了跨浏览器的组件,包括自定义的Radio和Checkbox样式。 总之,自定义Radio和Checkbox样式是提高网页设计美感的重要手段。通过熟练运用CSS3选择器,我们可以...
总的来说,通过CSS3和jQuery插件,我们可以极大地提升radio和checkbox在网页设计中的表现力和交互性,为用户提供更优质的体验。无论是自定义样式还是增强功能,都是现代Web开发中不可或缺的一部分。
本文将深入探讨如何使用jQuery封装Select、Checkbox和Radio元素,以提高前端开发效率并确保跨浏览器兼容性。 一、jQuery封装Select 在HTML中,`<select>`元素用于创建下拉菜单。在jQuery中,我们可以方便地操作...
### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`<select>` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...
jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。