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

2020-05-10