Mảng POST không hiển thị Hộp kiểm tra không được chọn

Question

Gặp sự cố khi nhận mảng POST của tôi để hiển thị tất cả các giá trị hộp kiểm từ biểu mẫu của tôi.

Tôi đã là một hình thức thiết lập như sau:

<form name='foo' method='post' action=''> 
    <table> 
     <tr> 
      <td class='bla'>Checkbox: <input type='checkbox' name='cBox[]'/></td> 
     </tr> 
     <tr> 
      <td class='bla'>Checkbox: <input type='checkbox' name='cBox[]'/></td> 
     </tr> 
     <tr> 
      <td class='bla'>Checkbox: <input type='checkbox' name='cBox[]'/></td> 
     </tr> 
    </table> 
</form> 

Tôi có một nút ở phía dưới bị ràng buộc vào một hàm jquery có thêm 5 dòng sản phẩm nào hơn với hình thức (vì thế các mảng cho tên đầu vào Cbox []).

Hiện tại, sự cố. Cho phép nói rằng hộp kiểm đầu tiên được bỏ chọn và 2 hộp kiểm cuối cùng được chọn. Khi tôi xuất các giá trị (bằng cách sử dụng PHP print_r để gỡ lỗi), tôi sẽ nhận được:

Array ([0] => on [1] => on) 

Vì một lý do nào đó, mảng không chứa bất kỳ giá trị nào cho các hộp kiểm bỏ chọn.

Tôi đã thấy một số giải pháp mà biến ẩn được chuyển với mỗi hộp kiểm, nhưng giải pháp này có thể được triển khai trong trường hợp của tôi (sử dụng mảng) không?

Answer 1

Hành vi đó không đáng ngạc nhiên vì trình duyệt không gửi bất kỳ giá trị nào cho các hộp kiểm không được chọn.

Nếu bạn đang ở trong một tình huống mà bạn cần gửi chính xác số phần tử làm mảng, tại sao bạn không làm điều tương tự khi có một số id của một số loại được liên kết với mỗi hộp kiểm? Chỉ bao gồm các mảng PHP tên chìa khóa như là một phần của tên <input> phần tử:

<tr> 
                 <!-- NOTE [0] ---> 
     <td class='bla'>Checkbox: <input type='checkbox' name='cBox[0]'/></td> 
    </tr> 
    <tr> 
     <td class='bla'>Checkbox: <input type='checkbox' name='cBox[1]'/></td> 
    </tr> 
    <tr> 
     <td class='bla'>Checkbox: <input type='checkbox' name='cBox[2]'/></td> 
    </tr> 

Điều đó vẫn để lại cho bạn với các vấn đề mà hộp không được kiểm soát sẽ vẫn không có mặt trong mảng. Điều đó có thể hoặc không có thể là một vấn đề. Đối với một, bạn có thể thực sự không quan tâm:

foreach($incoming as $key => $value) { 
    // if the first $key is 1, do you care that you will never see 0? 
} 

Thậm chí nếu bạn quan tâm, bạn có thể dễ dàng khắc phục sự cố. Hai cách tiếp cận đơn giản ở đây. Một, chỉ cần làm ẩn yếu tố đầu vào lừa:

<tr> 
     <td class='bla'> 
     <input type="hidden" name="cBox[0]" value="" /> 
     Checkbox: <input type='checkbox' name='cBox[0]'/> 
     </td> 
    </tr> 
    <tr> 
     <td class='bla'> 
     <input type="hidden" name="cBox[1]" value="" /> 
     Checkbox: <input type='checkbox' name='cBox[1]'/> 
     </td> 
    </tr> 

Và hai, mà tôi thấy thích hợp, điền vào chỗ trống từ PHP thay vì:

// assume this is what comes in: 
$input = array(
    '1' => 'foo', 
    '3' => 'bar', 
); 

// set defaults: array with keys 0-4 all set to empty string 
$defaults = array_fill(0, 5, ''); 

$input = $input + $defaults; 
print_r($input); 

// If you also want order, sort: 

ksort($input); 
print_r($input); 

See it in action.

Answer 2

Hãy thử

<input type='checkbox' value="XXX" name='cBox[]'/> 
<input type='checkbox' value="YYY" name='cBox[]'/> 
<input type='checkbox' value="ZZZ" name='cBox[]'/> 

Hộp kiểm làm việc theo cách đó. Nếu nó được kiểm tra, chỉ sau đó giá trị được đăng.

Answer 3

Thử đặt giá trị cho mỗi hộp kiểm, bằng 1 hoặc đúng.

<input type='checkbox' value='1' name='cBox[1]'/> 

đó có thể là lý do tại sao nó không gửi gì?

Answer 4

ONE TRICK là ghi đè giá trị hộp kiểm, nếu được chọn. nếu không giá trị của nó sẽ là 0.

<form> 
    <input type='hidden' value='0' name="smth"> 
    <input type='checkbox' value='1' name="smth"> 
</form> 

Answer 5

Nếu bạn đang xử lý mảng checkbox động, bạn có thể thử này:

HTML:

<label> 
    <input type="hidden" name="cBox[]" value="" /> 
    <input type="checkbox" class="checkbox" value="on" /> 
</label> 
<label> 
    <input type="hidden" name="cBox[]" value="" /> 
    <input type="checkbox" class="checkbox" value="on" /> 
</label> 
<!-- extend --> 

Javascript (jQuery):

$(document).on("change", "input.checkbox", function() { 

    var value = $(this).is(":checked") ? $(this).val() : null; 

    $(this).siblings("input[name='cBox[]']").val(value);  
}); 

kết quả Backend (Nếu chỉ đã chọn lần thứ hai):

// PHP $_POST['cBox'] 
Array 
(
    [0] => 
    [1] => on 
) 

---

Trong thực hiện này, hộp kiểm được sử dụng để điều khiển từng đầu vào bị ẩn trong nhóm.

Để hiển thị trang, bạn có thể hiển thị lại từng đầu vào bằng cách gán giá trị vào đầu vào bị ẩn và đánh dấu hộp kiểm là checked.