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

MM们

这个片段将：允许像单选按钮一样分组就像收音机一样允许全部取消选择// 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