Javascript 如何在选中复选框时启用选项卡
我有一个任务要做Jquery选项卡。在此情况下,当我选中一个复选框时,相应的选项卡必须显示在页面上,其他选项卡必须被禁用。还允许多个复选框。然后必须启用相应的页面 我的代码是Javascript 如何在选中复选框时启用选项卡,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,我有一个任务要做Jquery选项卡。在此情况下,当我选中一个复选框时,相应的选项卡必须显示在页面上,其他选项卡必须被禁用。还允许多个复选框。然后必须启用相应的页面 我的代码是 <html !doctype> <head> <title>JqueryMenu</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-u
<html !doctype>
<head>
<title>JqueryMenu</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
$("#tabs").tabs("option", {
"selected": 2,
"disabled": [1,2,3]
});
$( "input[type=checkbox]" ).click(function(){
$('#tabs').tabs("enable", $(this).val());
$('#tabs').tabs("select", $(this).val() );
});
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nithin</a> </li>
<li><a href="#tabs-2">Vipin</a></li>
<li><a href="#tabs-3">Sachin</a></li>
<li><a href="#tabs-4">Ganguly</a></li>
</ul>
<div id="tabs-1">
<p>Nithin</p>
</div>
<div id="tabs-2">
<p>Vipin</p>
</div>
<div id="tabs-3">
<p>Sachin</p>
</div>
<div id="tabs-4">
<p>Ganguly</p>
</div>
</div>
<input type="checkbox" name="tabs-1" value="1">tabs-1
<input type="checkbox" name="tabs-2" value="2">tabs-2
<input type="checkbox" name="tabs-3" value="3">tabs-3
<input type="checkbox" name="tabs-4" value="4">tabs-4
<br>
</body>
</html>
JqueryMenu
$(函数(){
$(“#制表符”).tabs();
$(“#制表符”).tabs(“选项”{
“选定”:2,
“残疾”:[1,2,3]
});
$(“输入[type=checkbox]”。单击(函数(){
$('#tabs').tabs(“enable”,$(this.val());
$('#tabs').tabs(“选择”、$(this.val());
});
});
尼钦
毒蛇
萨钦
甘古利
表1-1
表2-2
表3-3
表4-4
我该怎么做?您可以看到演示您只需要在下面添加条件
if ($(this).is(':checked'))
请看小提琴