jquery実現checkbox切換
来源:互联网 发布:ubuntu更改系统语言 编辑:程序博客网 时间:2024/06/06 00:33
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
$(function(){
$('#hide_over_30').change(function(){
$('.over_30').toggle();
})
$('#hide_all').change(function(){
$('.all').toggle();
})
})
});
</script>
</head>
<body>
<label><input id="hide_all" type="checkbox">全体的に非表示</label>
<br>
<label><input id="hide_over_30" type="checkbox">30歳以上を非表示</label>
<table>
<thead>
<th><td>名前</td><td>年齢</td></th>
</thead>
<tbody>
<tr class="all over_30"><td>鈴木</td><td>35</td></tr>
<tr class="all over_30"><td>佐藤</td><td>30</td></tr>
<tr class="all"><td>斎藤</td><td>28</td></tr>
</tbody>
</table>
<br>
<hr>
<table>
<tr>
<th>商品名</th>
<th>個数</th>
<th>価格</th>
</tr>
<tr>
<td>パン</td>
<td>10</td>
<td>100円</td>
</tr>
<tr>
<td>おにぎり</td>
<td>10</td>
<td>100円</td>
</tr>
<tr>
<td>水</td>
<td>10</td>
<td>100円</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
$(function(){
$('#hide_over_30').change(function(){
$('.over_30').toggle();
})
$('#hide_all').change(function(){
$('.all').toggle();
})
})
});
</script>
</head>
<body>
<label><input id="hide_all" type="checkbox">全体的に非表示</label>
<br>
<label><input id="hide_over_30" type="checkbox">30歳以上を非表示</label>
<table>
<thead>
<th><td>名前</td><td>年齢</td></th>
</thead>
<tbody>
<tr class="all over_30"><td>鈴木</td><td>35</td></tr>
<tr class="all over_30"><td>佐藤</td><td>30</td></tr>
<tr class="all"><td>斎藤</td><td>28</td></tr>
</tbody>
</table>
<br>
<hr>
<table>
<tr>
<th>商品名</th>
<th>個数</th>
<th>価格</th>
</tr>
<tr>
<td>パン</td>
<td>10</td>
<td>100円</td>
</tr>
<tr>
<td>おにぎり</td>
<td>10</td>
<td>100円</td>
</tr>
<tr>
<td>水</td>
<td>10</td>
<td>100円</td>
</tr>
</table>
</body>
</html>
阅读全文
0 0
- jquery実現checkbox切換
- jquery checkbox
- Jquery CheckBox
- jquery checkbox
- jQuery - Checkbox
- jquery checkbox
- jQuery-checkbox
- jquery 实现checkbox选中,jquery checkbox
- jQuery checkbox问题
- Jquery 实现全选checkbox
- jquery checkbox部分全选
- jquery radio checkbox
- jquery checkbox 循环
- jquery checkbox 相关操作
- jquery 操作checkbox
- 用jQuery控制checkbox
- jquery判断checkbox
- JQuery操作checkbox、radio(
- 中缀表达式求值
- 刘汝佳 Dijkstra 队列优化
- 【JZOJ 5394】【NOIP2017提高A组模拟10.5】Ping
- php使用JPush极光推送ios android通知消息
- 八款经典版原装游戏源码(四人牛牛,港式五,斗地主等)[告别移植烦恼]
- jquery実現checkbox切換
- sourceInsight4.0激活方法(转)
- 88年的,17年自学,望大牛建议
- rasa_core:基于机器学习的对话引擎
- VMWare运行时报错“此主机支持 Intel VT-x,但 Intel VT-x 处于禁用状态”的解决方案
- Selenium在添加cookie时“Can only set Cookies for the current domain”错误处理
- HDU
- 八皇后
- POJ 1068--Parencodings