在mvc5的复选框上点击一个下拉可见
Make a dropdown visible on check box click in mvc5
我有一个复选框。在这个复选框的点击,我想使一个下拉可见。代码如下
<div>
<input type="checkbox" name="SchoolAdmin" value="True" id="schooladmin">I would like to register as a school admin<br>
</div>
<div>
@Html.DropDownList("school", new List<SelectListItem>
{
new SelectListItem{ Text="Please select", Value = "-1" },
new SelectListItem{ Text="School1", Value = "1" },
new SelectListItem{ Text="School2", Value = "0" }
})
</div>
,上面的脚本如下
<script type="text/javascript">
$(document).ready(function() {
if ($('.schooladmin').is(":checked")) {
//show the hidden div
$('#school').show("fast");
} else {
//otherwise, hide it
$('#school').hide("fast");
}
$('.schooladmin').click(function () {
// If checked
if ($('.schooladmin').is(":checked")) {
//show the hidden div
$('#school').show("fast");
} else {
//otherwise, hide it and reset value
$('#school').hide("fast");
$('#school').val('');
}
});
});
有谁能帮帮我吗?
.schooladmin
是一个ID,您正在对其应用类选择器,尝试ID选择器#
为相同的
所以写
if($('#schooladmin').is(":checked") // add #
不是if ($('.schooladmin').is(":checked") // remove .
世界各地的$('#schooladmin').click(function () {
if (this.checked)
$('#school').show("fast");
else
$('#school').hide("fast");
});
首先是$('#schooladmin')
,而不是$('.schooladmin')
。 schooladmin 是 id 不是类。
和
$('#schooladmin').change(function () {
if (this.checked) {
//show the hidden div
$('#school').show("fast");
} else {
//otherwise, hide it and reset value
$('#school').hide("fast");
$('#school').val('');
}
});
演示小提琴
试试这个
$(document).ready(function() {
$('#schooladmin').on("change", function(){
if($(this).is(":checked")){
}else{
}
}).trigger("change")
});
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- jQuery:循环一个具有不同超时值的循环
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 从javascript创建一个列表
- 节点导出返回一个空对象
- 使用clickToggle并在单击另一个元素时关闭元素
- 我可以在json对象中添加一个函数吗
- 使用javascript将动态表从一个html页面打印到另一个html页
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- 表追加而不附加最后一个元素
- 我如何找到一个句子中的所有空格并替换忽略它们
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 使用类从一个标记中双击事件
- Javascript,访问一个主要对象模块模式中的每个对象
- 如何渲染一个HTML页面在其他HTML页面作为一个弹出窗口的按钮点击使用mvc5 asp.net
- 如何显示外键值从一个模型级联下拉列表在mvc5
- 如何张贴到一个控制器的行动结果方法使用甜警报?mvc5 c#
- 在mvc5的复选框上点击一个下拉可见
- 用部分视图数据asp.net mvc5创建一个弹出窗口