Heim  >  Artikel  >  Web-Frontend  >  Verwenden Sie js, um zu bestimmen, ob das Kontrollkästchen aktiviert ist, und verwenden Sie js, um das Kontrollkästchen zu bedienen

Verwenden Sie js, um zu bestimmen, ob das Kontrollkästchen aktiviert ist, und verwenden Sie js, um das Kontrollkästchen zu bedienen

php是最好的语言
php是最好的语言Original
2018-08-01 10:27:442426Durchsuche

In unseren Projekten stoßen wir häufig auf dieses Problem: Verwenden Sie js, um festzustellen, ob das Kontrollkästchen aktiviert ist, und verwenden Sie js, um das Kontrollkästchen zu bedienen.
Tatsächlich sind diese Anforderungen sehr einfach. Hier verwenden wir natives js und jQuery, um diese Anforderungen zu erfüllen.

1. Verwenden Sie natives JavaScript, um festzustellen, ob das Kontrollkästchen aktiviert ist

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

2. Verwenden Sie natives JavaScript, um festzustellen, ob das Kontrollkästchen aktiviert ist

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

3 natives JavaScript zum Entfernen des ausgewählten Kontrollkästchens

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

4. Verwenden Sie jQuery, um festzustellen, ob das Kontrollkästchen aktiviert ist

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

5. Verwenden Sie die jQuery-Einstellungen, um das Kontrollkästchen

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

zu aktivieren. 6. Verwenden Sie jQuery-Einstellungen zum Entfernen des Kontrollkästchens

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

Verwandte Artikel:

jquery Bestimmen Sie, ob das Kontrollkästchen aktiviert ist

js So bestimmen Sie ob das Kontrollkästchen aktiviert ist_Grundkenntnisse

Verwandte Videos:

Verständnis und Anwendung von JS#jQuery-Breite und -Höhe

Das obige ist der detaillierte Inhalt vonVerwenden Sie js, um zu bestimmen, ob das Kontrollkästchen aktiviert ist, und verwenden Sie js, um das Kontrollkästchen zu bedienen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn