jQuery判断复选框是否勾选的原理及示例

  今天要实现一功能就是:复选框勾选时给input表单赋值,复选框取消时将表单值清除。

  效果如图:

jQuery判断复选框是否勾选的原理及示例

  实现源码:cyfID为复选框的id

  

复制代码 代码如下:

  $("#cyfID").click(function(){

  var ischeck=$(this).attr("checked");

  if(ischeck==undefined){

  //清除输入框

  alert("");

  }else{

  //给输入框赋值

  alert("qq");

  }

  });

  实现原理是:复选框勾选时$(this).attr("checked")为checked,不勾选时为undefined。