2017-02-13 48 views
0

我需要有2複選框工作作爲單選按鈕取消選中,但是因爲我想讓取消選中可用使複選框像單選按鈕可用

<script type="text/javascript"> 
$(document).ready(function() { 
$(".gps-garmin").click(function() { 
    selectedBox = this.id; 
    $(".gps-garmin").each(function() { 
    if (this.id == selectedBox) 
    { 
     this.checked = true; 
    } 
    else 
    { 
     this.checked = false; 
    }; 
    }); 
}); 
}); 

<td><input type="checkbox" id="garmin" value="garmin" class="gps-garmin"></td> 
<td><input type="checkbox" id="gps" value="gps" class="gps-garmin"></td> 

其實我不能用我的單選按鈕複選框正在工作完全像單選按鈕,我發現此代碼在這裏,但我需要使其不可檢查

+1

'我不能使用單選按鈕,因爲我想取消選中可用'在這種情況下使用3個單選按鈕。 1這些選項中的每一個:'Garmin','GPS'和'None'這使得驗證邏輯也變得更簡單,因爲所有組必須從中選擇,所以不存在用戶錯過選項的可能性 –

+0

我不' t想要一個沒有按鈕,在我的情況下它沒用,我在此之後得到了其他複選框,不需要此功能 – Sydowh

回答

1

試試這個:

$(".gps-garmin").click(function() { 
    var check = $(this).prop('checked'); 
    $(".gps-garmin").prop('checked',false); 
    $(this).prop('checked', (check) ? true : false); 
    }); 
+0

它的工作方式與我的代碼一樣,但我無法取消選中如果我選中 – Sydowh

+0

您的要求我們無法獲得什麼你@Sydowh –

+0

@RajeshBaskaran我只需要這個,但沒有選中可能 – Sydowh

0

How-to-uncheck-a-radiobutton提到的,你應該能夠通過使用普通的js(從鏈接的答案複製)的情況下,使用普通的js或jQuery的

例如以清除一個單選按鈕:

this.checked = false; 
0

這是你想: $( 「GPS-Garmin公司 」)點擊(函數(){

如果($(本).prop(「 選中」)==真){

$(「。gps-garmin」)。prop('checked',false);

$(this).prop('checked',true); 

} 否則,如果($(本).prop( 「選中」)== FALSE){

$(".gps-garmin").prop('checked',false); 


     } 

});

+0

它不工作我不能檢查任何東西 – Sydowh

+0

我已經改變了代碼檢查它... –