根据复选框后面的描述文字进行选择的技巧

标签: 复选框 面的 文字 | 发表时间:2013-06-20 15:48 | 作者:bruce128
出处:http://blog.csdn.net

最近做的一个页面,含有很多复选框。但是现在的效果只能用鼠标去点击小小的复选框进行反选。用户体验很不好,于是想到如果点击复选框后面的文字也可以进行反选,对用户来讲肯定要方便很多。

实现很简单,分享下我的代码。

页面:<input type="checkbox" name="servesEnable" value="1" #if($!attr.servesRule)checked#end/>
<span class="tick">(勾选后启用)</span>

$(function() {
		$(".tick").click(function(){
			$(this).prev().attr("checked", !$(this).prev().attr("checked"));//获取前面的复选框元素并进行反选
		});
	});


作者:bruce128 发表于2013-6-20 15:48:29 原文链接
阅读:22 评论:0 查看评论

相关 [复选框 面的 文字] 推荐:

根据复选框后面的描述文字进行选择的技巧

- - CSDN博客Web前端推荐文章
最近做的一个页面,含有很多复选框. 但是现在的效果只能用鼠标去点击小小的复选框进行反选. 用户体验很不好,于是想到如果点击复选框后面的文字也可以进行反选,对用户来讲肯定要方便很多. 实现很简单,分享下我的代码. 页面: (勾选后启用) $(function() {.

文字雲

- Sopp - 網絡暴民 Jacky&#39;s Blog
看到這個 HTML5 文字雲:文章詞彙分析機 ,便餵以本站之 Feed,並拍照留念.

记住用户名的,选中复选框则记住用户名和密码,下次登录的时候就方便用户名的登陆

- - 编程语言 - ITeye博客
记住用户名的,选中复选框则记住用户名和密码,下次登录的时候就方便用户名的登陆:.        //保存cookie时的cookieName.        //加密cookie时的网站自定码.        //设置cookie有效期是两个星期,根据需要自定义.        //保存Cookie到客户端-------------------------------------------------------------------------.

CSS3 文字渐变

- slackware - 前端观察
之前,我们有发表过CSS文字渐变效果,但是其实那并不是纯粹的基于CSS的渐变,它需要一张半透明渐变的png图片. 今天我们将介绍两种使用CSS3实现实现文字的方法. 嗯,只有webkit浏览器支持,请暂时无视其它浏览器. 在《CSS的未来:一些试验性CSS属性》中,我们提到了这个属性,相对于Firefox只能用svg做mask,webkit则灵活很多,图片和css3渐变均可.

闲侃中文字体

- Yuheng Kuang - 比目鱼博客
1.在平面设计中,“字体”是一项重要的基本功. White 在《平面设计原理》一书中写道:“组成 typography(排印)这个词的词根是 typo (文字)和 graphy (绘画),因此,它的字面意思就是用文字绘画. ” 2.英文字体数量繁多,让人眼花缭乱. 相比之下中文字体的数量非常有限. 原因很容易理解:英文字母少,汉字字数多.

最最幸福的文字

- Gary - A Geek&#39;s Page
去新疆之前路过成都的时候,杜姑娘推荐我看一下这本书. 上火车之前,正好在成都的一家书店买到了它. 过多的评价用不着,我只想说一句,这本书是我读过的最最幸福的文字. 一个在阿勒泰的角落里生活的裁缝,怎么能写出这么幸福这么朴实得打动人心的文字呢. :-) 这让我想起了《万物有灵且美》这本书,作者是一个英国的乡村兽医,同样是不怎么起眼的职业,他们写出的文字一点儿都不华丽,可就是这种朴实、乐观、幸福,足以打动每一个读者.

日本颜文字大全

- fyits0 - JPbeta 多元化日本文化资讯站
日本网民普遍对日式颜文字的发明充满自豪感,认为这是日本文化的一个优越性. 颜文字虽不是起源于日本,但无疑是日本人把颜文字发展得出神入化,早已远超颜文字发源地美国的水平. 不少日本人认为颜文字文化不应称为“ascii art”(A代表美国),而该称为“jis art”(J代表日本). 今天偶尔在一网站见到非常全的日本颜文字,特转来跟大家分享,以便在论坛发帖时IB.

小文字,大体验

- - 百度MUX
随着ipad等移动终端的崛起,人们在移动终端阅读上的时间越来越多,阅读体验已经变得越来越重要. 而字体又是决定阅读体验的关键所在,那么字体在哪些方面又是什么影响着阅读体验的成败. 首先看看Consolas,这款字体,我们可以发现,i和w的宽度都是一样的,这种等宽字体都具有非常高的辨识度,非常适合文字编写,代码显示等工作.

我眼里的视觉与文字

- Tony - Koubei UED
原来把题目定为“视觉与文字”,但是又觉得这题目似乎有点过大,怕用了专业的标题却写出非专业的文章. 而我无意暂时也没有能力去对视觉一些细节做极为专业的考究,只希望通过自己一些学习和了解来加深自己对美的判断吧. 其实文字本身就是一种视觉语言,它把现实世界的所有事物,都以字的形式来进行了表现. 曾经读过一篇文章,说在传统的版式设计中,设计师们更喜欢做英文的排版,因为从视觉上来看,英文很容易形成线和面的关系,且字母有节奏感,比如aby这三个字母放一起有高矮区别;而中文相对来说,单调、孤立、不流畅.

三个英文字母遭封锁

- 拉登 - Solidot
@wmrofficial 写道 "gzdavidwong在Twitter上称:“维基的LGBT条目全线撞墙,是因为 LGBT rights in Europe 这个模板里面的某个国家. ”此前,维基百科url中带有“俄罗斯”的条目皆无法在红色角落访问,现在已经可以访问. 经过多次试验,发现被封锁的竟是对“白俄罗斯LGBT權益”的链接.