2013-06-05 45 views
20
<input type="checkbox" name="Type[]" value="Red" checked="checked" /><span class="space-right">Red</span> 

Đặt đúng hộp kiểm để kiểm tra trong firefox và safari chứ không phải chrome. Không thể tìm thấy bất kỳ thông tin nào về việc này trực tuyến.checked = "checked" không hoạt động trong chrome

Bất kỳ ai biết cách sửa lỗi này?

cũng đã thử các naked checked cũng như checked="true"

Không tìm kiếm một giải pháp js, cảm ơn bạn.

Chỉnh sửa: Câu trả lời của taco bên dưới mô tả vấn đề là gì. Khi sử dụng biểu mẫu và yếu tố đầu vào, các phần tử phải được lồng trong các thẻ <td></td> hoặc checked="checked" không có hiệu lực. Dưới đây là một ví dụ về một jsfiddle để chứng minh điều này là đúng trên chrome 29.0.1547.57: http://jsfiddle.net/LnL7b/

+4

Hoạt động tốt cho tôi: http://jsfiddle.net/zwU43/ –

+1

Vâng, tôi vừa sao chép dòng đó và dán nó vào giữa câu hỏi của bạn bằng trình gỡ lỗi Chrome và nó hiển thị hộp kiểm Đã chọn với từ màu đỏ ... – Jonathan

+0

Tôi đang sử dụng chrome là tốt và nó làm việc tốt. Chỉ cần sử dụng jquery nếu bạn không nhận được kết quả mong muốn. http://jsfiddle.net/HnEgT/ – Supplement

Trả lời

24

Tôi đã có thể sao chép sự cố này trên Google Chrome Phiên bản 28.0.1500.95.

<table> 
    <tr> 
    <td>test</td> 
    <input type="radio" name="foo" value="bar" checked="checked"> 
    </tr> 
</table> 

Tôi đã phá vỡ bảng bằng cách lồng không đúng nút radio. Điều này bằng cách nào đó khiến Google Chrome không đánh dấu radio đầu vào là đã chọn.

jsfiddle example - brokenjsfiddle example - working

+3

Cảm ơn bạn, vấn đề đối với tôi đã kết thúc cũng không được lồng vào hộp kiểm trong bảng. – chuckieDub

+2

Dường như vẫn là một vấn đề nếu đầu vào của bạn không đúng trong bảng – user1015711

-1

tôi biết bạn nói bạn không muốn sử dụng nó nhưng jquery là một lựa chọn:

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
    div { color:red; } 
    </style> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
</head> 
<body> 

<form> 
    <p> 
    <input type="checkbox" name="newsletter" value="Hourly" checked="checked"> 

    <input type="checkbox" name="newsletter" value="Daily"> 
    <input type="checkbox" name="newsletter" value="Weekly"> 

    <input type="checkbox" name="newsletter" value="Monthly" checked> 
    <input type="checkbox" name="newsletter" value="Yearly"> 
    </p> 
</form> 
<div></div> 

<script> 
var countChecked = function() { 
    var n = $("input:checked").length; 
    $("div").text(n + (n === 1 ? " is" : " are") + " checked!"); 
}; 
countChecked(); 

$("input[type=checkbox]").on("click", countChecked); 
</script> 

</body> 
</html> 

http://jsfiddle.net/HnEgT/

Hy vọng điều này sẽ giúp một số điều.

+0

OP sẽ kiểm tra một hộp kiểm cụ thể nhưng nó (bí ẩn) không hoạt động trong quá trình cài đặt Chrome của mình - điều này có khắc phục được điều đó không? Nó xuất hiện để chỉ đếm đầu vào đã kiểm tra. Sử dụng 'input.prop ('checked', true)' thay vào đó * có thể * là một giải pháp hợp lệ nếu OP sẵn sàng sử dụng JS. –

+2

Làm thế nào câu trả lời này đã nhận được phiếu bầu vượt ra ngoài tôi. Nó không chỉ trả lời câu hỏi mà còn trực tiếp chống lại những gì mà OP yêu cầu, một giải pháp không JS. – chuckieDub

3

checked = "checked" hoạt động tốt trong Chrome. Đảm bảo bạn không gặp phải bất kỳ sự cố nào khác. Bất kỳ HTML không hợp lệ nào. Không có phần tử nội tuyến nào chứa các phần tử mức khối?

+0

Điều này rất có thể là câu trả lời đúng - ' Đỏ' bên trong ' 'của bạn không hợp lệ, như được đề cập trong các nhận xét ở trên. Có lẽ nó chỉ vi phạm bản dựng Chrome cụ thể của OP. –

+0

Tôi đã sửa HTML và vẫn gặp sự cố. Hoạt động tốt trên jsfiddle nhưng không phải là trang web thực tế. – chuckieDub

+0

Có thể bạn đang gọi một hàm javascript ở đâu đó để bỏ chọn tất cả các hộp kiểm sau khi tải trang. Hoặc một plugin hoặc nếu nó chỉ apears trong chrome cố gắng vô hiệu hóa một số plugin bạn đang sử dụng. Một số plugin tải tập lệnh không mong muốn. –

-3

Checked = "kiểm tra" hoạt động tốt trong Chrome. Đảm bảo rằng không có bội số cùng tên. Ngoài ra kiểm tra cho những người ẩn.

+5

Không phải bội số của cùng một tên? Tên được sử dụng để tạo nhóm nút radio. –

2

Hãy thử với thẻ DIV

<div><input type="checkbox" name="ckkhuyenmai" id="ckkhuyenmai" checked>KHUYENMAI</div> 

Nó sẽ được tốt.

+0

Tuyệt vời! Nó hoạt động tốt. –

-3

Nếu bạn có html như thế này:

<input type="checkbox" name="email"> 
<input type="checkbox" name="email"> 
<input type="checkbox" name="email" checked> 

Sau đó, không ai sẽ được kiểm tra, do mâu thuẫn tên.

+3

Đây không phải là câu trả lời thực tế cho câu hỏi –

Các vấn đề liên quan