jQuery判断checkbox复选框是否已选中
16lz
2022-03-05
<input type="checkbox" name="fruit" value="apple" />苹果
<input type="checkbox" name="fruit" value="orange" />橘子
<input type="checkbox" name="fruit" value="banana" />香蕉
<input type="checkbox" name="fruit" value="grape" />葡萄
<button id="bt1">判断选中</button>
<script>
$(function (){
$("#bt1").click(function (){
var checkVal='';//查找已选的值
$("input[name='fruit']:checkbox").each(function(){
if($(this).prop('checked')){
checkVal+=$(this).val()+',';
}
})
console.log(checkVal);
var flag=false;//判断是否选中值
$("input[name='fruit']:checkbox").each(function(){
if($(this).prop('checked')){
flag=true;
}
})
console.log(flag)
if(flag){
alert('有被选中');
}else{
alert('没有选中任何选项');
}
})
})
</script>
更多相关文章
- Android快速开发02之仿京东底部Tab
- Android(安卓)自定义RadioButton或CheckBox选择样式
- Android ListView 事件监听 || 关于ListView选中时显示的效果。
- android 3D gallery 并 判断当前选中项
- android 3D gallery 并 判断当前选中项
- Android中的ListView实现图片文字和按钮
- Material Design
- android Multiple markers at this line - The type java.lang.C
- Android之Spinner用法