JQuery获取选中的元素（单选框复选框）及其他等

看注释

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>.wrapper>p{display: none;/* visibility: hidden; 不包含*/}</style></head><body><div class="wrapper"><div>奇酷</div><div></div><div><p>奇酷</p></div><div><span></span></div><p>111</p><p>222</p><form action=""><input type="text" value="张三"><input type="text" disabled value="李四"><input type="checkbox" value="1"><input type="checkbox" value="2"><input type="checkbox" value="2"><select name="" id=""><option value="1">郑州</option><option value="2">开封</option></select></form></div><script src="./js/jquery-3.6.0.js"></script><script>/*内容过滤选择器可见过滤选择器表单对象过滤选择器:enabled  选取所有可用元素 :disabled 选取所有不可用元素 :checked  选取所有被选中的元素（单元框、复选框:selected 选取所有被选中的选项元素（下拉列表 */// $("div:contains('奇酷')")选择内容里面包含我的所有divconsole.log($(".wrapper div:contains('奇酷')"));// $("div:empty")选择不包含子元素(含文本)的所有div元素console.log($(".wrapper div:empty"));// $("div:has(p)")选择含有p元素的所有div元素console.log($(".wrapper div:has(p)"));// $(“div:parent”)选择拥有子元素（包含文本）的所有div元素console.log($(".wrapper div:parent"));// $(":hidden")选择所有不可见元素console.log($(".wrapper>p:hidden"));// $(“div:visible”)选取所有可见的div元素console.log($(".wrapper>div:visible"));// :enabled  选取所有可用元素console.log($("input:enabled"));// :disabled 选取所有不可用元素 console.log($("input:disabled"));// :checked  选取所有被选中的选项元素(单选框 复选框)$("input[type=checkbox]").click(function(){var ch=$("input:checked") //获取所有被选中的元素console.log(ch.length);})// :selected 选取所有被选中的选项元素(下拉列表)$("select").change(function(){// html()   text()   val()console.log($(":selected").val());console.log($(":selected").html());})</script></body>
</html>

JQuery获取选中的元素（单选框复选框）及其他等相关推荐

jQuery 单选框/复选框美化
对于前端萌新来说,美化表单是个痛苦的事情,通常都是去寻找插件这种逃避的办法,其实这并不是难事.在上篇文章中提到了兄弟元素选择器在表单美化中表现突出,下面的示例源码将体现基础篇知识的实际应用. 纯CS ...
html复选框美化插件,Labelauty – jQuery单选框/复选框美化插件
Labelauty – jQuery单选框/复选框美化插件分类:代码日期:2016-08-02 点击(38,744) 下载(0) 来源:未知收藏下拉框美化插件经常见到,如之前介绍过的 Drop ...
js 实现多选框(复选框) 和单选框,下拉框功能完整示例代码附效果图
<!DOCTYPE html> <html><head><meta charset="utf-8" /><script src ...
php一些单选、复选框的默认选择方法（示例）
转载 http://www.php.cn/php-weizijiaocheng-360029.html 一. radio和checkbox及php select默认选择的实现代码 1.radio单选框 ...
Python3+Selenium3+webdriver学习笔记8（单选、复选框、弹窗处理）
#!/usr/bin/env python# -*- coding:utf-8 -*-'''Selenium3+webdriver学习笔记8(单选.复选框.弹窗处理)''' from selenium ...
EasyUI：combotree(树形下拉框)复选框选中父节点(子节点的状态也全部选中)输入框中只显示父节点的文本值
在开发过程中遇到的小案例效果展示未处理之前的效果: 处理之后的效果: 需求详情 combotree(树形下拉框)复选框选中父节点时输入框只显示父节点的文本值,但是子节点的状态是选中的. 当所有子节 ...
html正方形单选框代码,单选框/复选框
[html]代码库单选.复选框Demo function getSelectedEffect(effects) {//获取效果选项 for ( var i = 0; i < effects.l ...
改变单选或者复选框的样式
原理是通过定位把以前的样式覆盖掉,就酱... 代码如下: css.checkbox{position: relative;padding-left: 8px;}.checkbox:before{con ...
获取单选框复选框被选中的值
非常简单自己运行一下效果即见 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...

JQuery获取选中的元素（单选框复选框）及其他等

JQuery获取选中的元素（单选框复选框）及其他等相关推荐

最新文章

热门文章