<input type="checkbox" class="liChild" value="F" name="fruit" id="ckbF" /> 上面如何隐藏复选框
时间: 2023-07-17 16:04:15 浏览: 151
要隐藏一个复选框(`<input type="checkbox">`),你可以使用 jQuery 的 `.hide()` 方法或者修改其样式来实现。下面是两种方法的示例代码:
方法一:使用 `.hide()` 方法隐藏复选框
```javascript
$(document).ready(function() {
$('.liChild').hide();
});
```
在上面的示例中,我们使用了 `$('.liChild')` 类选择器来选择具有 `liChild` 类的复选框,并使用 `.hide()` 方法隐藏它。
方法二:修改样式来隐藏复选框
```javascript
$(document).ready(function() {
$('.liChild').css("display", "none");
});
```
在上面的示例中,我们使用了 `$('.liChild')` 类选择器来选择具有 `liChild` 类的复选框,并使用 `.css()` 方法来修改其 `display` 属性为 `"none"`,从而隐藏它。
请确保在你的 HTML 文档中引入了 jQuery 库,并将上述示例代码适配到你的项目中。这样就可以隐藏指定的复选框了。
阅读全文