Seleção de um único Checkbox

by Ivan Ferrer

HTML

<input id="chkCamp1" type="checkbox" data-check="1" value="elemento 1"> elemento 1
<input id="chkCamp2" type="checkbox" data-check="2" value="elemento 2"> elemento 2
<input id="chkCamp3" type="checkbox" data-check="3" value="elemento 3"> elemento 3
<input id="chkCamp4" type="checkbox" data-check="4" value="elemento 4"> elemento 4
<input id="chkCamp5" type="checkbox" data-check="5" value="elemento 5"> elemento 5<br>
<input id="chkCamp6" type="checkbox" data-check="6" value="elemento 6"> elemento 6
<input id="chkCamp7" type="checkbox" data-check="7" value="elemento 7"> elemento 7
<input id="chkCamp8" type="checkbox" data-check="8" value="elemento 8"> elemento 8
<input id="chkCamp9" type="checkbox" data-check="9" value="elemento 9"> elemento 9<br>
<input type="text" data-view>

JavaScript

$(function() {
    $('[data-check]').on('click', function() {
        var myInput = {valor: $(this).val(), id: $(this).data('check')};
        $('[data-check]').each(function(index, value) {
            ($(this).data('check') == myInput.id) ?
             $(this).attr('checked', true) :
             $(this).attr('checked', false);
             $('[data-view]').val(myInput.valor);
        });
    });
});