首页 > 代码库 > jquery如何获取checkbox,并判断是否选中

jquery如何获取checkbox,并判断是否选中

如何根据checkbox的选中/不选中状态,把相应的值传给后台。

1.jquery判断checked的三种方法:

.attr(‘checked‘):   //看版本1.6+返回:”checked”或”undefined” 
.prop(‘checked‘): //16+:true/false
.is(‘:checked‘):    //所有版本:true/false

推荐用.is(‘:checked‘):这种方法。

2.

<input id="checkbox1" type="checkbox"
  @if(!isEmpty(template.OPEN_FLAG)){
    @if(template.OPEN_FLAG == "1"){
      checked
    @}
  @}
/>

需要加一个hidden域来保存当前状态的值

<input type="hidden" value="http://www.mamicode.com/${template.OPEN_FLAG!}" name = "openFlag" id="openFlag"/>

3.javascript中需要绑定click事件。

<script type="text/javascript">
  $("document").ready(function(){
    $("#checkbox1").click(function(){
      if($(this).is(‘:checked‘)){
        $("#openFlag1").val("1");
      } else {
        $("#openFlag1").val("0");
      }
})

</script>

jquery如何获取checkbox,并判断是否选中