1. Home
  2. /
  3. Web technology
  4. /
  5. JQUERY
  6. /
  7. [ JQUERY ] –...

[ JQUERY ] – 將input checkbox 複選變單選

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 4,平均評等: 3]

別問我為什麼不直接用input radio 就好,這一樣都是變更設計害的。(千金難買早知道 早知道我就不進寫程式這行囉!)
需求說明 某A功能 在選取頁C 是要能複選檔案的,但某天多了個C功能 確要是單選一個檔案;偏偏又不能寫在另一頁來選;
最快的解法就是在C功能進來的 通通只能單選。

$("input[name='select[]']").click( function () {
    var Selected = $(this).val();//儲存選取的值
    $("input[name='select[]']").each(function(i){//所有的原素跑一遍
        if($(this).val() == Selected) $(this).prop("checked", true);//選取值一樣設為選取
        else $(this).prop("checked", false);//其它的通通取消選取
    });
});

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 4,平均評等: 3]

2 thoughts on “[ JQUERY ] – 將input checkbox 複選變單選

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *