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

最新推荐文章于 2024-05-16 15:12:16 发布

转载最新推荐文章于 2024-05-16 15:12:16 发布 · 130 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dyllove98/p/3146730.html

文章标签：

#javascript #移动开发 #ViewUI

本文介绍了一种提高网页中复选框用户体验的方法。通过简单的JavaScript代码实现点击复选框后的文字也能触发反选操作，提升了交互性和易用性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做的一个页面，含有很多复选框。但是现在的效果只能用鼠标去点击小小的复选框

进行反选。用户体验很不好，于是想到如果点击复选框后面的文字也可以进行反选，对用户

来讲肯定要方便很多。

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

页面：<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"));//获取前面的复选框元素并进行反选
		});
	});

转载于:https://www.cnblogs.com/dyllove98/p/3146730.html