So ermitteln Sie, ob das Kontrollkästchen in JQuery vollständig aktiviert ist

Beurteilungsschritte: 1. Alle Checkbox-Elemente mit der Syntax „$(“input[type='checkbox']“) abrufen, wodurch ein jQuery-Objekt zurückgegeben wird. 2. Alle ausgewählten Elemente mit der Syntax „$(“ auswählen. :checked „)“ gibt ein JQ-Objekt zurück. 3. Berechnen Sie die Länge der beiden Objekte und bestimmen Sie, ob die beiden Längen gleich sind. Die Syntax lautet „checkbox element object.length==selected element object.length“. gleich, wählen Sie beide aus, andernfalls werden nicht alle ausgewählt.

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.

So ermittelt JQuery, ob das Kontrollkästchen alle ausgewählt ist: Überprüfen Sie, ob die Anzahl der mehrfach ausgewählten Elemente im Kontrollkästchen und die Anzahl der ausgewählten Elemente gleich sind.

Implementierungsschritte:

Schritt 1: Verwenden Sie den Attributwertselektor, um das Kontrollkästchenelement abzurufen.

$("input[type='checkbox']")

gibt ein jQuery-Objekt zurück, das alle Kontrollkästchenelemente enthält.

Schritt 2: Verwenden Sie den :checked-Selektor, um alle ausgewählten Elemente auszuwählen.

$(":checked")

gibt ein jQuery-Objekt zurück, das alle ausgewählten Elemente enthält.

Schritt 3: Verwenden Sie das Längenattribut, um die Länge der beiden jQuery-Objekte zu berechnen und festzustellen, ob die beiden Längen gleich sind

checkbox元素对象.length==选中元素对象.length

• Wenn sie gleich sind (der Rückgabewert ist wahr), sind alle Kontrollkästchen aktiviert

• Wenn sie nicht gleich sind (der Rückgabewert ist falsch), dann ist das Kontrollkästchen nicht vollständig ausgewählt.

Implementierungsbeispiel: Bestimmen Sie, ob das Kontrollkästchen vollständig ausgewählt ist : Attributwertselektor

</p>$ ("[attribute|='value']")<p>Wählen Sie Elemente aus, deren angegebener Attributwert gleich der angegebenen Zeichenfolge ist oder denen eine Zeichenfolge vorangestellt ist ( Auf die Zeichenfolge folgt ein Bindestrich „-“). Attribut: ein Attributname

Wert: ein Attributwert<strong>$("[attribute|=&#39;value&#39;]")</strong>

选择指定属性值等于给定字符串或改字符串为前缀（该字符串后跟一个连字符“-”）的元素。

attribute: 一个属性名

value: 一个属性值

	
		
		
		
	

	
		
 
		您喜欢的水果？

 
		苹果  
		桃子  
		香蕉  
		梨  
		
 


		判断checkbox是否全选中
	

<strong>$("[attribute*=&#39;value&#39;]")</strong>

选择指定属性具有包含一个给定的子字符串的元素。（选择给定的属性是以包含某些值的元素）
attribute: 一个属性名
value: 一个属性值，可以是一个不带引号的一个单词，或一个带引号的字符串。

$(function(){

    $('a[hreflang|="en"]').css("border","2px solid red");
        //查找hreflang属性值是英语的所有链接。
});

<strong>$("[attribute~=&#39;value&#39;]")</strong>

选着指定属性用空格分隔的值中包含一个给定的元素。
attribute: 一个属性名
value: 一个属性值，可以是一个不带引号的一个单词，或一个带引号的字符串。

$(function(){
    $('input[name*="man"]').css("border","2px solid red");
        //查找所有 input 的 name 属性中带有 'man' 的元素，并添加边框
});

$("[attribute$='value']")

选择指定属性是以给定元素结尾的元素。这个元素比较是区分大小写的。
attribute: 一个属性名
value: 一个属性值，可以是一个不带引号的一个单词，或一个带引号的字符串。

$(function(){

    $('input[name~="man"]').css("border","2px solid red");
        //查找所有属性中含有 'man' 这个单词的文本框，并且修改其文本值。
})

$("[attribute='value']")
选择指定属性是给定值的元素。
attribute: 一个属性名。
value: 一个属性值，可以是一个不带引号的一个单词，或一个带引号的字符串。

$(function(){
    $('input[name$="letter"]').css("border","2px solid red");
            //查找所有的属性名称以"letter"的结束，并把他们的文字输入。
})

$("[attribute!='value']")
选择指定属性不等于这个值的元素
attribute:一个属性名
value: 一个属性值，可以是一个不带引号的一个单词，或一个带引号的字符串。

$(function(){
    $('input[value="Hot Fuzz"]').next().text("Hot Fuzz");
        //查找input 中 value 值等于 Hot Fuzz 的将其后面的元素添加文本。
})

$("[attribute^='value']")
选择指定属性就是以给定字符串开始的元素。
attribute:一个属性名
value: 一个属性值，可以是一个不带引号的一个单词，或一个带引号的字符串。

$(function(){
    $(&#39;input[name!="newsletter"]&#39;).next().append("<b>；not newsletter</b>")
            //查找input 中name 不等于 newletter 的下一个元素追加 文本。
                注：主要含有这个字符串就行。
})

$("[attribute]")
选择所有具有指定属性的元素，该属性可以是任何值。
attribute: 一个属性名。

$(function(){
    $('input[name^="news"]').val("news here!");
    //查找input 中 name 中含有new 这个字符串的 添加value 值。
})

$("[attributeFilter1][attributeFilter2]attributeFilter3")

$(function(){
    $('div[id]').css("color","red")
            //给绑定id属性的div的文本颜色变成红色。
})

$(function(){
    $('input[id][name$="man"]').val('only this one')
    //查找那些有id属性，并且name 属性以man结尾的输入框，并设置值。
})

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob das Kontrollkästchen in JQuery vollständig aktiviert ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!