1、html代码,注意需要引用jquery-1.12.4.min.js。
<!DOCTYPE html><html lang="en"><head><title>CheckBox</title><script src="jquery-1.12.4.min.js"></script></head><body><form action=""><b>你最喜欢谁?</b> <br /><br /><label for="xngz"><input type="checkbox" id="xngz">xngz</label><label for="wngb"><input type="checkbox" id="wngb">wngb</label><br /><br /><button id="sure">想好了</button> <br /></form><script>var $xngz = $("#xngz"); //获取JQuery对象var xngz = $xngz[0]; //DOM对象 或者 $cr.get(0)var $wngb = $("#wngb"); //获取JQuery对象var wngb = $wngb[0]; //DOM对象 或者 $cr.get(0)$("#sure").click(function(){//第一种方法:if(xngz.checked & wngb.checked){alert("哈哈哈,原来你喜欢bjyx!");}//第二种方法else if($xngz.is(":checked")){alert("xngz:既然你不喜欢wngb,那我也不喜欢你了!!");}//第三种方法:else if($xngz.prop("checked")){alert("wngb:你凭什么不喜欢xngz!");}else{alert("这么没爱的吗!");}})</script></body></html>
2、运行如下:
如果觉得《HTML之判断checkbox复选框是否被选中》对你有帮助,请点赞、收藏,并留下你的观点哦!