<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//第一种方法
$(".c").click(function(){
$(this).siblings().attr('checked',false);
});
//第二种方法
$(".c1").click(function(){
$('.c1').attr('checked',false);
$(this).attr('checked',true);
});
});
function f1(){
$('#fc').attr('checked',true);
}
</script>
</head>
<body>
第一种方法<br/>
<input type="checkbox" id="fc" value="hi" class="c"/><input type="button" value="点我" onclick="f1();"/> <br/>
<input type="checkbox" class="c" /><br/>
<input type="checkbox" class="c" /><br/>
第二种方法<br/>
<input type="checkbox" class="c1" /><br/>
<input type="checkbox" class="c1" /><br/>
<input type="checkbox" class="c1" /><br/>
<input type="checkbox" class="c1" /><br/>
</body>
</html>
charles_lau520
- 浏览: 20055 次
- 性别:
- 来自: 天津
-
相关推荐
jQuery作为一款强大的JavaScript库，提供了丰富的插件来美化这些元素，"jquery.checkbox"就是其中的一款，专为单选框和多选框提供美化功能。 该插件主要由以下部分组成： 1. **index.html**：这是示例页面，包含了...
本文将详细解读如何使用Jquery为单选框checkbox绑定单击click事件，并在事件触发时执行相应的函数。 首先，我们需要了解HTML中单选框checkbox的定义。单选框是表单元素中的一个类型，它允许用户在一组选项中选择一...
综上所述，jQuery为操作checkbox和radio提供了强大的工具，使得前端开发者能够更便捷地实现各种功能。熟练掌握这些操作，能够提高开发效率并提升用户界面的交互体验。通过不断实践和学习，你可以更好地利用jQuery来...
本主题聚焦于“jQuery radio checkbox美化”，这涉及到如何使用jQuery和其他前端技术改进默认的HTML复选框（checkbox）和单选按钮（radio）的外观和交互体验。 一、jQuery的选择器和事件绑定 在jQuery中，我们可以...
基于jQuery的一款插件，可以让你的input输入框 无论是单选还是多选，都实现的很漂亮 使用方法： 1、将CSS样式拷贝过去 2、将index.html中的代码部分拷贝过去即可 (注意保持文件路径正确)
代码如下: $(function(){ $(‘:checkbox[name=flag]’).each(function(){ $(this).click(function(){ if($(this).attr(‘checked’)){ $(‘:checkbox[name=flag]’).removeAttr(‘checked’); $(this).attr(...
昨天网上找了很多关于设置select checkbox radio只读的，都没办法满足要求，自己写了一个
在Web开发中，我们经常需要对用户进行多选或单选操作的交互设计，这时候复选框（checkbox）和单选框（radio）就显得尤为重要。然而，原生HTML的样式相对单一，无法满足设计师和开发者对于界面美观度的需求。为了解决...
它扩展了基础的jQuery功能，为表格添加了行级别的复选框操作。这个插件通常包括以下关键特性： 1. **行选中与反选**：当用户点击表格行时，插件会检测并更改对应行的复选框状态，同时更新其他关联的复选框（如全选/...
在本文中，我们将深入探讨如何使用jQuery和layui插件来创建功能丰富的checkbox复选框，包括权限范围的多选、单选以及全选操作。同时，我们也将关注于父级和子级复选框之间的联动关系，即父级选中时子级全部选中，而...
本文将深入探讨如何使用 jQuery 实现单选按钮的点击切换效果，这在构建用户交互丰富的 web 应用时非常常见。 首先，我们需要理解 HTML 中的单选按钮（`<input type="radio">`）及其工作原理。单选按钮通常用于提供...
首先，jQuery单选框和复选框美化插件的主要目标是将浏览器默认样式替换为更美观、统一且响应式的样式。这不仅能够提升页面的整体视觉吸引力，还能提供一致的用户操作体验，无论用户是在桌面端还是移动端浏览网页。 ...
效果描述： 基于jQuery的一款插件，可以让你的input输入框 无论是单选还是多选，都实现的很漂亮 使用方法： 1、将CSS样式拷贝过去 2、将index.html中的代码部分拷贝过去即可 (注意保持文件路径正确)
对于jQuery自定义复选框checkbox和单选框Radiobox，我们已经有介绍过不少了，比如9款迷人样式的CSS3自定义Checkbox复选框和HTML5/CSS3开关按钮 立体3D按钮。今天要介绍的是一款基于jQuery的美化版复选框，它的特点是...
总的来说，"9款表单复选框与单选按钮美化"插件为网页设计师和开发者提供了一个创新的工具，帮助他们创建更具吸引力的表单，提高用户交互体验。通过合理运用这些美化方案，可以提升网站的整体质量和专业形象。在使用...
先给大家介绍下jQuery实现表格与ckeckbox的全选与单选功能。 先看看下面的效果： 用户点击头的checkbox时，所有表格数据行的checkbox全选或反选。 当数据行某一行没有选中时，头checkbox去选。当所有数据行的...