Sélecteur de filtre de propriété d'objet de formulaire jQuery

En plus du sélecteur d'éléments de formulaire, le sélecteur de filtre d'attribut d'objet de formulaire est également un sélecteur spécifiquement pour les éléments de formulaire. Il peut être attaché à l'arrière d'autres sélecteurs. Sa fonction principale est de filtrer les éléments de formulaire sélectionnés

Description du sélecteur de filtre de formulaire :

Remarque :

le sélecteur s'applique aux cases à cocher et aux singletons Boîte de sélection, pour l'élément de la liste déroulante, utilisez le sélecteur :selected. Dans certains navigateurs, le sélecteur :checked peut sélectionner par erreur l'élément <option>, donc par mesure de sécurité, utilisez le sélecteur input:checked pour vous assurer que seul l'élément <option> est sélectionné <input>Element

.section suivante

nouveau fichier

<!DOCTYPE html>
<html>

<head>
 <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 <title></title>
 <style>
 input {
 display: block;
 margin: 10px;
 padding: 10px;
 }
 </style>
 <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>

<body>
<h2>子元素筛选选择器</h2>
<h3>enabled、disabled</h3>
<form>
 <input type="text" value="未设置disabled" />
 <input type="text" value="设置disabled" disabled="disabled" />
 <input type="text" value="未设置disabled" />
</form>

<script type="text/javascript">
 //查找所有input所有可用的（未被禁用的元素）input元素。
 $('input:enabled').css("border", "2px groove red");
</script>

<script type="text/javascript">
 //查找所有input所有不可用的（被禁用的元素）input元素。
 $('input:disabled').css("border", "2px groove blue");
</script>

<h3>checked、selected</h3>
<form>
 <input type="checkbox" checked="checked">
 <input type="checkbox">
 <input type="radio" checked>
 <input type="radio">

 <select name="garden" multiple="multiple">
 <option>php</option>
 <option selected="selected">php中文网</option>
 <option>aaron</option>
 <option selected="selected">php自学教程</option>
 </select>

</form>

<script type="text/javascript">
 //查找所有input所有勾选的元素(单选框,复选框)
 //删除这个勾选的元素
 $('input:checked').removeAttr('checked')
</script>

<script type="text/javascript">
 //查找所有option元素中,有selected属性被选中的选项
 //删除这个选中的元素
 $('option:selected').removeAttr('selected')
</script>

</body>

</html>

soumettre Réinitialiser le code

Opération automatique

Plein écran