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

프로젝트에서 이런 문제가 자주 발생합니다. 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>

관련 기사:

jquery 체크박스 선택 여부 확인 selected

js 체크박스 선택 여부 확인 조작방법_기본지식

관련영상 :

JS#jQuery 너비와 높이의 이해와 응용

위 내용은 체크박스가 선택되었는지 확인하려면 js를 사용하고 체크박스를 조작하려면 js를 사용하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!