выбрать один checkbox из двух

251

31 марта 2018, 14:32

Есть несколько checkbox-ов,нужно чтобы выбирался 1 или 2 checkbox, а остальные выбирались независимо от них. id, name не меняются так как используются в программе.

$('#count').keyup(calculate); 
 
function calculate() { 
  if ($("#Bort").is(':checked')) sum += 1400; 
 
  if ($("#Borta").is(':checked')) sum += 2800; 
} 
 
$('input.kartinki').on("click", function() { 
  if ($('#Bort').prop('checked')) { 
    $('#image').attr('src', 'img/kartinki_chekbox/belava/bl_l_310.jpg'); 
  } else if ($('#Borta').prop('checked')) { 
    $('#image').attr('src', 'img/kartinki_chekbox/belava/bl_p_310.jpg'); 
  } 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<label for="Bort">1</label> 
<input class="kartinki" name="Борт" type="checkbox" id="Bort" /> 
 
<label for="Borta">2</label> 
<input class="kartinki" name="Борта" type="checkbox" id="Borta" /> 
 
<label for="morilka">3</label> 
<input name="Морилка" type="checkbox" id="morilka" />

Answer 1

Снимайте галку со второго чекбокса, когда кликаете в первый, и наоборот.

$('input.kartinki').on("click", function() { 
 
  var id = $(this).attr('id'); 
  if(id == 'Bort' || id == 'Borta'){ 
     
        var img = {'Bort' : "bl_l_310.jpg'", 'Borta': "bl_p_310.jpg"}; 
         
        if($(this).prop('checked')){         
            var uncheck = id == 'Bort' ? '#Borta' : '#Bort'; 
            $(uncheck).prop('checked', false); 
        }         
         
        $("#image").attr('src', "img/kartinki_chekbox/belava" + img[id]);   
  } 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<label for="Bort">1</label> 
<input class="kartinki" name="Борт" type="checkbox" id="Bort" /> 
 
<label for="Borta">2</label> 
<input class="kartinki" name="Борта" type="checkbox" id="Borta" /> 
 
<label for="morilka">3</label> 
<input name="Морилка" type="checkbox" id="morilka" />