jquery如何实现复选框被选中，显示下面的radio,复选框未选中，隐藏radio?
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>无...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<body>
<table>
<tr>
<td><input type="checkbox" name="didian" id="k1"/>地点</td>
</tr>
<tr>
<td><input type="radio" name="place"/>北京</td>
<td><input type="radio" name="place"/>上海</td>
<td><input type="radio" name="place"/>天津></td>
<td><input type="radio" name="place"/>重庆</td>
<td><input type="radio" name="place"/>深圳</td>
<td><input type="radio" name="place"/>广州</td>
</tr>
</table>
</body>
</html> 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<body>
<table>
<tr>
<td><input type="checkbox" name="didian" id="k1"/>地点</td>
</tr>
<tr>
<td><input type="radio" name="place"/>北京</td>
<td><input type="radio" name="place"/>上海</td>
<td><input type="radio" name="place"/>天津></td>
<td><input type="radio" name="place"/>重庆</td>
<td><input type="radio" name="place"/>深圳</td>
<td><input type="radio" name="place"/>广州</td>
</tr>
</table>
</body>
</html> 展开
3个回答
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<body>
<table>
<tr>
<td><input type="checkbox" name="didian" id="k1"/>地点</td>
</tr>
<tr>
<td><input type="radio" name="place"/>北京</td>
<td><input type="radio" name="place"/>上海</td>
<td><input type="radio" name="place"/>天津></td>
<td><input type="radio" name="place"/>重庆</td>
<td><input type="radio" name="place"/>深圳</td>
<td><input type="radio" name="place"/>广州</td>
</tr>
</table>
<script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("tr:eq(1)").hide();
$("#k1").click(function(){
if($(this).is(':checked')){
$("tr:eq(1)").show();
}else{
$("tr:eq(1)").hide();
}
});
});
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
if($("#id").attr("checked")==true) 用个div把radio包起来。页面加载的时候如果没有选中就隐藏，再给多选框写一个onchange事件，
$(function () {
if ($.browser.msie) {
$('input:checkbox').click(function () { this.blur();
this.focus();
});
}
})
选中就显示div
$(function () {
if ($.browser.msie) {
$('input:checkbox').click(function () { this.blur();
this.focus();
});
}
})
选中就显示div
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("#k1").load("click",function(){
if($(this).is(":checked")){
$(this).next().show();
}else{
$(this).next().hide();
}
});
你只要在初始化的时候调用这段代码就可以了! 保证你万无一失。
if($(this).is(":checked")){
$(this).next().show();
}else{
$(this).next().hide();
}
});
你只要在初始化的时候调用这段代码就可以了! 保证你万无一失。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
