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>

时间: 2024-08-26 00:20:05

jquery如何获取checkbox,并判断是否选中的相关文章

Jquery JS 获取 Checkbox 是否选中

正确方法: var isReturned = document.getElementById('cboxReturned').checked; 错误方法: var isReturned = $("#cboxReturned").attr("checked");

servlet获取checkbox的值出现选中的值为on。问题所在。。。

<form action="/Http/request06" method="post"> 用户名:<input type="text" name="username"/> 密码:<input type="text" name="password"/> 爱好: 运动:<input type="checkbox" name=&q

checkbox怎么判断是否选中

下面这种可以使用 if($("#checkbox1").is(':checked')) { alert("1"); } else { alert("0"); } 还有的说以下两种 方法一:if ($("#checkbox-id").get(0).checked) {    // do something} 方法二: if ($('#checkbox-id').attr('checked')) {    // do someth

JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

jquery获取checkbox被选中的值

只用一个循环,就可以找出被选中的checkbox的值 var s; $("[name = b]:checkbox").each(function () {                   if (this.checked) {                       s += $(this).val() + "|";                   }               });alert(s); 这样就可以了 jquery获取checkbox被

jQuery获取checkbox选中的值

1.问题背景 有几个多选框,选择其中的几个,获取选中的值 2.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

jQuery v1.10.2如何判断checkbox(复选框)是否被选中

做项目时,我们经常会用到jquery来做一些判断,今天自己遇上判断复选框是否选中,然后搜索查看,发现现在网上的都是错误的,下面罗列错误的: 1.$("#id").attr("checked")=="true"  错 2.$("#id").attr("checked")=="checked" 错 3.$("#id").attr("checked")=

刷新的时候jquery获取checkbox是否为选中和设置选中

$(document).ready(function(){ $('.uninstall_list_checkbox').click(function(){ if($(this).parent('.uninstall_list').children('input').attr("checked")==true){ //判断是否选中 $(this).parent('.uninstall_list').children('input').attr('checked',false); //设置

Jquery获取CheckBox、Select、radio的值

Jquery获取这三个控件的值不可以仅仅根据$("#控件ID")进行获取,以下是自己进行的简单的测试: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Control.aspx.cs" Inherits="Test.Control" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XH