本文详细介绍了在Web开发中如何利用jQuery检查复选框是否选中，包括使用`is()`、`prop()`和`toggle()`方法。通过示例代码展示了不同方法的应用，以实现根据复选框状态显示或隐藏输入框的功能，强调了在jQuery 1.6及以上版本中使用`prop()`方法的推荐性。
在Web开发中，一个常见的需求是根据用户在复选框的选择来触发不同的操作。例如，当用户选中一个复选框时，显示一个输入框；当用户取消选中时，隐藏该输入框。本文将讲解如何通过jQuery来实现这一需求，并介绍几种不同的方法来检查复选框的状态。
示例场景
假设我们有一个 age 复选框，当该复选框被选中时，需要显示一个输入框让用户输入年龄，否则隐藏该输入框。
初始HTML代码如下：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="isAgeSelected"/>
<div id="txtAge" style="display:none"
最低0.47元/天 解锁文章
扫一扫
1720
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
