html jquey的选择器checkbox,select

1 判断checkbox是否选中 用到 jquery的 is方法 

jquery:

<div id="divId" class="divTable">
<div class="tableBody">
<ul ><li ><input type="checkbox" value="501" ></li></ul>
</div>
</div>

$("input[type='checkbox']").attr('value')
返回结果:501

$("input[type='checkbox']").is(':checked')
返回结果:选中=true,未选中=false
js:

if(document.getElementById("checkboxID").checked){
    alert("checkbox is checked");

}

引用:https://www.cnblogs.com/qqzy168/archive/2013/03/11/2953492.html

2 js选中

<select class="mysel">
<option value="TECHBROOD" data-index="Techbrood">TECHBROOD</option>
<option value="Hiro" data-index="Hiro">HIRO</option>
<option value="Kanji" data-index="Kanji">KANJI</option>
</select>

 

<script>

//按值选中
$(".mysel").val('Kanji');

//按文本选中
//$(".mysel").find("option[text='HIRO']").attr("selected",true);

//获取当前选中项的值
console.log($(".mysel").find("option:selected").text());

</script>

posted @   study_php_java_C++  阅读(704)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示