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="${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>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。