체크박스가 선택되었는지 확인하려면 js를 사용하고 체크박스를 조작하려면 js를 사용하세요.-JS 튜토리얼-php.cn

체크박스가 선택되었는지 확인하려면 js를 사용하고 체크박스를 조작하려면 js를 사용하세요.

php是最好的语言

풀어 주다： 2018-08-01 10:27:44

원래의

2512명이 탐색했습니다.

프로젝트에서 이런 문제가 자주 발생합니다. js를 사용하여 체크박스가 선택되었는지 확인하고 js를 사용하여 체크박스를 작동합니다.
실제로 이러한 요구 사항은 매우 간단합니다. 네이티브 js 및 jQuery를 사용하여 이러한 요구 사항을 완료하는 방법은 다음과 같습니다.

1. 네이티브 JavaScript를 사용하여 체크박스 선택 여부 확인

<input type="checkbox" id="test" class="test">同意<script>
    // 获取checkbox元素
    var box=document.getElementById("test");      
    // 判断是否被拒选中，选中返回true，未选中返回false
    alert(box.checked);</script>

로그인 후 복사

2. 네이티브 JavaScript를 사용하여 체크박스 선택 여부 확인

<input type="checkbox" id="test" class="test">同意<script>
    // 获取checkbox元素
    var box=document.getElementById("test");      
    // 判断是否被拒选中，选中返回true，未选中返回false
    alert(box.checked);</script>

로그인 후 복사

3. 네이티브 JavaScript를 사용하여 선택한 체크박스 제거

<input type="checkbox" id="test" class="test">同意<script>
    // 获取checkbox元素
    var box=document.getElementById("test");      
    // 判断是否被拒选中，选中返回true，未选中返回false
    box.checked=false;</script>

로그인 후 복사

4. 체크박스 선택 여부 확인

<input type="checkbox" id="test" class="test">同意<script>
    // 选中返回true，未选中返回false
    $(&#39;#test&#39;).is(":checked");    // 选中返回true，未选中返回false;一定要注意，这里不可以使用attr("checked")来判断
    $("#test").prop("checked")</script>

로그인 후 복사

5. jQuery 설정을 사용하여 체크박스 선택

<input type="checkbox" id="test" class="test">同意<script>
     $("#test").prop("checked","trure")
     $("#test").attr("checked","true")</script>

로그인 후 복사

6. jQuery 설정을 사용하여 선택한 체크박스 상자 제거

<input type="checkbox" id="test" class="test">同意<script>
     $("#test").prop("checked","false")
     $("#test").attr("checked","false")</script>

로그인 후 복사