html复选框组,html只选择一个组中的一个复选框

这个片段将：允许像单选按钮一样分组

就像收音机一样

允许全部取消选择// the selector will match all input controls of type :checkbox

// and attach a click event handler $("input:checkbox").on('click', function() {

// in the handler, 'this' refers to the box clicked on

var $box = $(this);

if ($box.is(":checked")) {

// the name of the box is retrieved using the .attr() method

// as it is assumed and expected to be immutable

var group = "input:checkbox[name='" + $box.attr("name") + "']";

// the checked state of the group/box on the other hand will change

// and the current value is retrieved using .prop() method

$(group).prop("checked", false);

$box.prop("checked", true);

} else {

$box.prop("checked", false);

}});

Fruits

Kiwi

Jackfruit

Mango

Animals

Tiger

Sloth

Cheetah