失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > HTML之判断checkbox复选框是否被选中

HTML之判断checkbox复选框是否被选中

时间:2020-06-28 11:39:23

相关推荐

HTML之判断checkbox复选框是否被选中

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> &nbsp;<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复选框是否被选中》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。