我如何在一个组中获得任意一个单选选项,以选择同级(隐藏)复选框?

/*****
 * RadioToCheckboxWidget(jQueryDOMNode)
 *   The RadioToCheckboxWidget takes a collection of radio button els
 *   and a collection of checkbox els, then toggles the checkbox based
 *   on the status of the radio buttons. if the radio with NO value is
 *   selected, the checkboxes are unchecked. If any other radio button
 *   is selected, then the checkboxes are checked.
 *
 *****/
var RadioToCheckboxWidget = function(element) {
  this.el = element;
  this.__init();
};

$.extend(RadioToCheckboxWidget.prototype, {
  __init: function() {
    /***
     * This function was just edited, to allow the user to pass
     *  a collection of nodes. Thus, the user can either apply it
     *  one-by-one like this:
     *     var myRadio = new RadioToCheckboxWidget($("#myID") );
     *  ... or it can be applied to a collection of nodes like:
     *     var myRadios = new RadioToCheckboxWidget($(".item") );
     *
     *  The second scenario above is how I've applied it, but by doing
     *   the rewrite, there is flexibility.
     *
     ***/
     
     // iterate over every node in the jQuery collection, and
     //  set up each one as its own widget with its own listeners.
     //  by doing this, selections in one have no affect on others.
      this.el.each(function() {
        // convenience -- create a reference to the current el.
        var el = $(this);
        // references to the radio and checkbox els.
        var radioBtnEls = el.find(".checker");
        var checkboxEls = el.find(".hidden-set input[type=checkbox]");
        
        // listen for changes to ANY of the radio buttons
        el.on("change", radioBtnEls, function() {
          // if the radio has a value (so it's not 'None'), 
          //  we check the boxes. Otherwise, we UNcheck them.
            var toggleVal = $(this).find("input[type=radio]:checked").val();
            checkboxEls.each(function() {
                if (toggleVal == "") {
                  $(this).prop("checked", false);
                } else {
                  $(this).prop("checked", true);
                } // end if toggleVal
              }) // end checkboxEls.each()
          }) // end on change
      });
    } // end init()

});


// This is the line that actually uses all the above code -- this
//  one line creates as many widgets as I have .item nodes.
var myRadioPanes = new RadioToCheckboxWidget($(".item"));

.item {
  border: 1px dotted #ccc;
  display: inline-box;
  float: left;
  padding: 10px;
  margin: 10px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="panel-body rosette-body">

  <fieldset class="item">
  <legend>
  Wooden ring:
  </legend>
  <div class="the-options checkbox-wrapper">

      <div class="set checker">
        
        <label><input name="rosette_option" type="radio" checked value=""> None</label>
      </div>
      <div class="set checker">
        <input id="green-abalone-ring" name="rosette_option" type="radio" value="Green Abalone Ring">
        <label for="green-abalone-ring">Green Abalone Ring</label>
      </div>

      <div class="set checker">
        <input id="bloodwood-ring" name="rosette_option" type="radio" value="Bloodwood Ring">
        <label for="bloodwood-ring">Bloodwood Ring</label>
      </div>

      <div class="set checker">
        <input id="koa-wood-ring" name="rosette_option" type="radio" value="Koa Wood Ring">
        <label for="koa-wood-ring">Koa Wood Ring</label>
      </div>

      <div class="hidden-set">
        <input name="rosette_title" type="checkbox" value="Simple Rosette example">
        <input name="rosette_img" type="checkbox" value="/images/uploads/main/simple-rosette.jpg">
      </div>
    </div>
  </fieldset>
  <!-- [END] item -->

  <fieldset class="item">
  <legend>
  Gold chain necklace:
  </legend>
    <div class="the-options checkbox-wrapper">

      <div class="set checker">
        
        <label><input name="chain_option" type="radio" checked value=""> None</label>
      </div>
      <div class="set checker">
        <input id="three-strand-braid" name="chain_option" type="radio" value="Three-strand braid">
        <label for="three-strand-braid">Three-strand braid</label>
      </div>

      <div class="set checker">
        <input id="five-strand-braid" name="chain_option" type="radio" value="Five-strand gold braid">
        <label for="five-strand-braid">Five-strand braid</label>
      </div>

      <div class="set checker">
        <input id="seven-strand-braid" name="chain_option" type="radio" value="Seven-strand braid">
        <label for="seven-strand-braid">Seven-strand braid</label>
      </div>

      <div class="hidden-set">
        <input name="chain_title" type="checkbox" value="Simple Chain example">
        <input name="chain_img" type="checkbox" value="/images/uploads/main/simple-chain.jpg">
      </div>
    </div>
  </fieldset>
  <!-- [END] item -->

</div>