如果在Sharepoint Designer上选中了复选框，如何显示div？
[英]How can I show a div if checkbox is ticked on Sharepoint designer?
问题描述
I don't know why this code won't work but when I check the checkbox it won't work. 
我不知道为什么此代码不起作用，但是当我选中该复选框时将不起作用。 The div just remains hidden. div只是保持隐藏状态。 I have done this before but this time it won't work. 我之前已经做过，但是这次不起作用。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="WebPartPageExpansion" content="full" />
<meta charset="utf-8">
<title>jQuery Show Hide Using Checkboxes</title>
<script type="text/javascript" src="../SiteAssets/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[type=checkbox]').change(function(){
var checked = $(this).attr('checked');
if (checked) {
$('.other').show();
} else {
$('.other').hide();
}
});
});
</script>
</head>
<body>
<div name="main">
<input type="checkbox" /> If this is checked display div
</div>
<div class='other' name='other' title='other' style='display:none;'>
<h2>test</h2>
<input></input>
<input></input>
<input></input>
</div>
</body>
</html>
What am I doing wrong? 我究竟做错了什么？ I can't figure this out. 我不知道这个。 Thanks. 谢谢。
2 个解决方案
解决方案1
1 已采纳 2015-01-27 11:26:00
As there is no attribute checked in checkbox. 由于没有属性 checked的复选框。 So it is returning undefined .You can directly access the property by this.checked . 因此它返回undefined 。您可以通过this.checked直接访问属性。
$(document).ready(function(){
$('input[type=checkbox]').change(function(){
var checked = this.checked;
if (checked) {
$('.other').show();
} else {
$('.other').hide();
}
});
});
解决方案2
0 2015-01-27 11:20:19
CHECK THIS : 检查一下 ：
you are using attr that returns undefined 您正在使用返回undefined attr
var checked = $(this).attr('checked');
if (checked) { //here checked is not a boolean
Always remember 总记得
.prop('checked') returns boolean .prop('checked')返回布尔值
So use .prop() . 因此，请使用.prop() 。 Rest is fine . 休息很好。
Hope it help :) 希望对您有所帮助:)
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.