js操作でcheckboxを操作します.
5565 ワード
私たちはプロジェクトの中でよくこの問題に遭遇します.jsを使ってcheckboxが選択されているかどうかを判断し、jsを使ってcheckboxを操作します.実はこれらの需要はとても簡単です.ここでは生jsとjQueryを使ってこれらの需要を完成させます.
一.元のJavaScriptを使って、checkboxボックスが選択されているかどうかを判断する.
一.元のJavaScriptを使って、checkboxボックスが選択されているかどうかを判断する.
<input type="checkbox" id="test" class="test">
<script>
// checkbox
var box=document.getElementById("test");
// , true, false
alert(box.checked);
script>
二.元のJavaScriptを使って、checkboxボックスが選択されているかどうかを判断する.<input type="checkbox" id="test" class="test">
<script>
// checkbox
var box=document.getElementById("test");
// , true, false
alert(box.checked);
script>
三.元のJavascriptを使って選択したcheckboxのフレームを削除する<input type="checkbox" id="test" class="test">
<script>
// checkbox
var box=document.getElementById("test");
// , true, false
box.checked=false;
script>
四.jQueryを使ってチェックボックスが選択されているかどうかを判断する<input type="checkbox" id="test" class="test">
<script>
// true, false
$('#test').is(":checked");
// true, false; , attr("checked")
$("#test").prop("checked")
script>
五.jQueryを使ってチェックボックスを設定する<input type="checkbox" id="test" class="test">
<script>
$("#test").prop("checked","trure")
$("#test").attr("checked","true")
script>
六.jQueryを使って選択したcheckboxを削除するボックスを設定する<input type="checkbox" id="test" class="test">
<script>
$("#test").prop("checked","false")
$("#test").attr("checked","false")
script>