php jquery动态保存复选框

Question

有点困惑如何在一个表中动态保存复选框的值！

数据库：

id PERSON check 
-------------------- 
1 Person1 1 
2 Person2 1 
3 Person3 1 
4 Person4 0 

HTML代码：

<form id="availability"> 
Person1 <input type="checkbox" id="person1" value="1" checked> 
Person2 <input type="checkbox" id="person2" value="1" checked> 
Person3 <input type="checkbox" id="person3" value="1" checked> 
Person4 <input type="checkbox" id="person4" value="0"> 
</form> 

的jQuery：

$('#availability').submit(function(){ 
    $.post('include/setting.php', { 
     person1: $('#person1').val(), 
     person2: $('#person2').val(), 
     person3: $('#person3').val(), 
     person4: $('#person4').val(), 
    }, function(data){ 

    if(data.success) { 

    } else { 

    } 
    }, 'json'); 
    return false; 
}) 

PHP：

$person1 = $_POST['person1']; 
$person2 = $_POST['person2']; 
$person3 = $_POST['person3']; 
$person3 = $_POST['person4']; 
$db->query("UPDATE person SET id='???"); 

Answer 1

你的做法是不干净的或最模块化的，但它可以工作。以下是直接修改你的代码，这应有助于它：

HTML

<form id="availability"> 
    Person1 <input type="checkbox" id="person1" value="1"> 
    Person2 <input type="checkbox" id="person2" value="1"> 
    Person3 <input type="checkbox" id="person3" value="1"> 
    Person4 <input type="checkbox" id="person4" value="1"> 
</form> 

的JavaScript

$('#availability').submit(function() 
{ 
    $.post(
     'include/setting.php', 
     { 
      persons: { 
       person1: ($('#person1:checked').length ? 1 : 0), 
       person2: ($('#person2:checked').length ? 1 : 0), 
       person3: ($('#person3:checked').length ? 1 : 0), 
       person4: ($('#person4:checked').length ? 1 : 0) 
      } 
     }, 
     function(data) 
     { 
      if(data.success) 
      { 

      } 
      else 
      { 

      } 
     }, 
     'json' 
    ); 

    return false; 
}); 

PHP

<?php 
foreach($_POST['persons'] as $personIdentifier => $checked) 
{ 
    //DO PROPER CHECKS AND ESCAPING OF INCOMING DATA!!!!!!! 
    $db->query("UPDATE person SET check = {$checked} WHERE PERSON = '{$personIdentifier}'"); 
} 

Answer 2

要传递0，如果选中，则可以使用is方法与:checked selector确定检查值为布尔值，然后使用ternary operator将JSON值设置为1或0，具体取决于结果。

$('#availability').submit(function(){ 
    $.post('include/setting.php', { 
     "person1" : $('#person1').is(':checked') ? 1 : 0, 
     "person2" : $('#person2').is(':checked') ? 1 : 0, 
     "person3" : $('#person3').is(':checked') ? 1 : 0, 
     "person4" : $('#person4').is(':checked') ? 1 : 0, 
    }, function(data){ 

    if(data.success) { 

    } else { 

    } 
    }, 'json'); 
    return false; 
}) 

Answer 3

您不需要一次处理所有输入的表单，而只需要发送修改字段的请求而不使用任何形式。

$('input:checkbox').change(function() { 
    $.post('include/setting.php', { 
    id: this.id, 
    value: $(this).attr("checked")?1:0 
    }, function(data){ 
    if(data.success) { 
    } else { 
    } 
    }, 'json'); 
    return false; 
}); 

和PHP：

$db->query("UPDATE person SET value=".$_POST['value']." WHERE id=".$_POST['id']); 

还记得总是逃避与mysql_real_escape_string查询（）