Jquery操作 radio 單選按鈕不選中

input的radio類型，跟checkbox不同，在選中狀態下，不能通過再次點擊來取消選擇。最近在工作中卻遇到這樣的需求，通過jquery實現了一下。

 

假設表單如下：

<form name="mainForm" action="tt.php">

   <input type="radio" value="large" name="size" tag="0" />
   <input type="radio" value="middle" name="size" tag="0" />
   <input type="radio" value="small" name="size" tag="0" />

    ……

</form>

添加了一個屬性tag，用來記錄radio 的checked狀態，0表示未被選擇，1表示被選擇

Jquery代碼如下:

$(":radio").click(
    function(){
     var nm=$(this).attr("name");
     $(":radio[name="+nm+"]:not(:checked)").attr("tag",0);
     if($(this).attr("tag")==1){$(this).attr("checked",false);$(this).attr("tag",0); }
     else{$(this).attr("tag",1);}                 
             }
       );