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 @ 2019-07-12 18:43  study_php_java_C++  阅读(702)  评论(0编辑  收藏  举报