[英]How can I show a div if checkbox is ticked on Sharepoint designer?
我不知道為什么此代碼不起作用,但是當我選中該復選框時將不起作用。 div只是保持隱藏狀態。 我之前已經做過,但是這次不起作用。
<!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>
我究竟做錯了什么? 我不知道這個。 謝謝。
由於沒有屬性 checked
的復選框。 因此它返回undefined 。您可以通過this.checked
直接訪問屬性。
$(document).ready(function(){
$('input[type=checkbox]').change(function(){
var checked = this.checked;
if (checked) {
$('.other').show();
} else {
$('.other').hide();
}
});
});
檢查一下 :
您正在使用返回undefined
attr
var checked = $(this).attr('checked');
if (checked) { //here checked is not a boolean
總記得
.prop('checked')
返回布爾值
因此,請使用.prop()
。 休息很好。
希望對您有所幫助:)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.