jQuery form object property filter selector

In addition to the form element selector, the form object attribute filter selector is also a selector specifically for form elements. It can be appended to other selectors. Its main function is to filter the selected form elements.

Description of form filter selector:

Notes:

The selector applies to check boxes and single For select boxes, for drop-down box elements, use the :selected selector. In some browsers, the selector :checked may mistakenly select the <option> element, so to be on the safe side, use the selector input:checked to ensure that only the <option> element is selected. <input>Element

Continuing Learning

new file

<!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>

submit Reset Code

Automatic operation

jQuery form object property filter selector

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]