jquery如何单击当前边框时，sibings()的时候其它取消边框？

 <div class="delivery-item">
         <div class="item-1">
          <label><input type="radio" name="1" id="sb">仅工作日送货</label>
          </div>
 </div>
 <div class="delivery-item">
            <div class="item-1">
            <label for=""><input type="radio" name="1" id="zb">仅工作日送货</label>
            </div>
 </div>
<div class="delivery-item delivery-item-w188">
        <div class="item-1">
        <label for=""><input type="radio" name="1" id="zbb">工作日/周末/假期均可</label>
         </div>
 </div>

    $(".delivery-item").click(function(){
        $(this).find("input[type='radio']").prop("checked");
        $(this).find(".item-1").addClass("item-2").siblings().removeClass("item-2"); 怎么不行了？
    })

以上我写法，随便在input当中单击时居然出现三个边框，如何修改并在某一个input显示指定的一个边框？

如何单击当前边框时，sibings()的时候其它取消边框？

---

Jquery easyui里用checkbox吧

---

$(".delivery-item").click(function(){
        $(this).find("input[type='radio']").prop("checked");
        $(this).find(".item-1").addClass("item-2");
    })