1. 程式人生 > >關於JQuery設定checkbox checked 的問題或者原生js設定checkbox checked問題

關於JQuery設定checkbox checked 的問題或者原生js設定checkbox checked問題

<label for="">城市</label><input type="checkbox" class="checkBox">

1.原生js實現

if (document.getElementsByClassName('checkBox')[0].checked) {
       document.getElementsByClassName('checkBox')[0].checked=false;
}else {
       document.getElementsByClassName('checkBox')[0].checked=true;

 }

2.jquery實現法1)

if ($('.checkBox')["0"].checked) {
                $('.checkBox')["0"].checked=false;
            }else{
                $('.checkBox')["0"].checked=true;
            }

jquery實現法2)

if ($('.checkBox').prop("checked")) {
                $('.checkBox').prop("checked",false);
            }else{
                $('.checkBox').prop("checked",true);
            }