Radio Button Kiểm tra không kiểm tra

Question

Tôi gặp một vấn đề với đoạn mã sau:

<div> 
<span>Item 1</span> 
<input type="radio" name="radio1" id="radio1" checked="checked" /> 
</div> 

<div> 
<span>Item 2</span> 
<input type="radio" name="radio1" class="checkbox" id="radio2" /> 
</div> 

tôi đã thêm vào kiểm tra = "kiểm tra" vào hộp kiểm đầu tiên nhưng một trong những kiểm tra là một trong những thứ hai đối với một số lý do.

Answer 1

Đánh giá bằng mã bạn đã đăng, nội dung nào đó trong mã bị thiếu phải sai. Tôi đặt mã của bạn trong một jsfiddle (1) và nó hoạt động như một sự quyến rũ.

Theo w3schools, checked="checked" là chính xác (http://www.w3schools.com/TAGS/att_input_checked.asp). Tôi thường sử dụng <input type="radio" "name="foo" checked />, cũng hoạt động.

Thông tin thêm về trang web sẽ hữu ích.

Answer 2

đó là vì bạn đang sử dụng cùng tên .... id và tên phải là duy nhất. Thay thế tên trong hộp kiểm thứ hai từ radio1 sang radio2

Answer 3

Khi có nhiều nút radio có cùng thuộc tính id và/hoặc name, chỉ sử dụng giá trị cuối cùng.

Thay đổi thuộc tính name cho mỗi nút radio và nó sẽ hoạt động.