jQueryを使ってチェックボックスをチェック/チェック解除する方法
jQueryでは、
attr()
関数を使用してチェックボックスを動的にチェックするかチェックを外すことができます。例えば、
単純なチェックボックスコンポーネント。
<input type="checkbox" name="checkme">Check Me</input>
{空} 1。このチェックボックスがチェックされているかどうかを表示します(trueまたはfalseを返します)。
$('input:checkbox[name=checkme]').is(':checked');
{空} 2。チェックボックスをオンにする。
$('input:checkbox[name=checkme]').attr('checked',true);
{空} 3。チェックボックスをオフにします。
$('input:checkbox[name=checkme]').attr('checked',false);
jQueryチェック/チェックされていないチェックボックスの例
<html>
<head>
<title>jQuery check/uncheck a check box example</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>
<body>
<h1>jQuery check/uncheck a check box example</h1>
<script type="text/javascript">
$(document).ready(function(){
$("#isCheck").click(function () {
alert($('input:checkbox[name=checkme]').is(':checked'));
});
$("#checkIt").click(function () {
$('input:checkbox[name=checkme]').attr('checked',true);
});
$("#UnCheckIt").click(function () {
$('input:checkbox[name=checkme]').attr('checked',false);
});
});
</script>
</head><body>
<input type="checkbox" name="checkme">Check Me</input>
<br/>
<br/>
<br/>
<input type='button' value='Is Check' id='isCheck'>
<input type='button' value='Check It' id='checkIt'>
<input type='button' value='UnCheck It' id='UnCheckIt'>
</body>
</html>