javascript下 checkbox 选中与未选中事件

夏天,他把手中的魔法棒轻轻一挥,带给咱们一片充满活力的蓝色。你瞧,蓝蓝的天空飘着朵朵白云,远处,蔚蓝的大海在夏风的吹拂下,卷起层层浪花。

写了两个关于 checkbox 选择框在JS脚本下的选中与未选中事件,大家做个参考吧!

js下 checkbox 选中与未选中事件

示例代码:

<label><input type="checkbox"  onclick="OncheckBox(this)" /></label>
<script>
function OncheckBox(e)
{
if(e.checked == true){
alert('已选中');
}else{
alert('未选中');
}
}
</script>

代码示例:

js下 checkbox 选中与未选中事件

jquery 下 checkbox 选中与未选中事件

示例代码:

<!--  http://feiniaomy.com -->
<label><input type="checkbox" name="host"  /></label>
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<script>
$('input[name="host"]').on('click',function(){
if ($(this).checked == true){
alert("选中");
}else{
alert("不选中");
}
});
</script>

以上就是javascript下 checkbox 选中与未选中事件。学有所用,践有所长,努力实现农业现代化。更多关于javascript下 checkbox 选中与未选中事件请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
JS获取鼠标点击时的位置

JS获取URL参数

Ajax跨域问题及解决方案(jsonp,cors)

ajax动态加载json数据并详细解析

ajax从JSP传递对象数组到后台的方法