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、运行如下: