【问题标题】:check multiple checkbox based on database column value using jquery ajax使用jquery ajax根据数据库列值检查多个复选框
【发布时间】:2015-01-17 18:01:30
【问题描述】:

我想使用 ajax jquery 更新我的 formin php,所以我根据存储在数据库中的数据加载文本框和复选框值文本框值是加载但如何根据列值检查复选框值?

$('body').on('click','.update', function(){
                    var edit_id = $(this).attr('id');
                    var rowElement = $(this).parent().parent(); //grab the row
                 
                    $.ajax({
                        type: 'POST',
                        url: 'update.php',
                        data: 'edit_id='+edit_id,
                        success: function(data) {
                                                   
                           var a=data.split(",");
                           $("#title1").val(a[0]);
                           $("#prod").val(a[1]);
                           $("#dir").val(a[2]);
                           $("#wri").val(a[3]);
                          
                            
                           $("#510").html(a[4]);
                           var g=document.getElementsByName("genre[]");
                           for(var i=0;i<g.length;i++)
                           {    
                           var t=document.getElementsByName("genre[]")[i].value;
                            alert(t);
                           }
                            $("#temp1").val(a[5]);
                            if(g=val(a[4]))
                           {
                               alert(g);
                           $(".gen").prop("checked", true);
                           }
                            if (data = "true") {
                                // $("#title1").val(data);
                                alert("update "+data);
                                rowElement.add();
                                 }
                            else {
                                alert("not update");
                               alert("update"+data[0]);
                                }
                        }
                     });
           
                 });

【问题讨论】:

    标签: jquery ajax checkbox


    【解决方案1】:

    勾选复选框:

    document.getElementsByName("genre[]")[i].checked = true;
    document.getElementsByName("genre[]")[i].checked = "checked"; 
    

    取消选中复选框:

    document.getElementsByName("genre[]")[i].checked = false; 
    

    【讨论】:

      【解决方案2】:

      完全可以尝试从数据库中检查复选框值。

      $('body').on('click','.update', function(){
                          var edit_id = $(this).attr('id');
                          var a=[];
                          var b=[];
                          $.ajax({
                              type: 'POST',
                              url: 'update.php',
                              data: 'edit_id='+edit_id,
                              success: function(data) {
                                  var a=data.split(",");
                                 $("#up").val(a[0]);
                                 $("#title1").val(a[1]);
                                 $("#prod").val(a[2]);
                                 $("#dir").val(a[3]);
                                 $("#wri").val(a[4]);
                                
                                var c = (a[5]);
                                var b=c.split(".");
                                                          
                                 var g=document.getElementsByName("genre[]");
                                 $('.gen').prop("checked", false);
                                 $.each(b, function (i, el) {
                                    if ($.inArray(el, g) == -1) 
                                      {
                                          //document.getElementsByName("genre[]")[i].checked=true ;   
                                          $('#'+el).prop("checked", true);
                                      }
                                  });                                
                              }
                          });
                 
                       });

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-03-09
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-09-03
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多