• 03-01-2014, 15:27:44
    #1
    merhaba arkadaşlar;
    radio buttonları checkbox görünümlü yapmak istiyorum.
    bunu nasıl yapabilirim.
    internette araştırdım ama bulamadım.
    yardımcı olanlara şimdiden çok teşekkürler.

    alttaki resimle sanırım daha iyi anlatmış olacağım. bir nevi radio buttonları editlemek. sağdaki gibi ya da sağdakine benzer birşeyler işimi görecek.

  • 03-01-2014, 15:31:59
    #2
    Bunun gibi birşey mi lazım?
    http://jsfiddle.net/j53gd/1/
    Google'da radio button like checkbox olarak aratırsanız, istediğiniz sonuca ulaşacağınızı umuyorum.
  • 03-01-2014, 15:52:12
    #3
    sever2k7 adlı üyeden alıntı: mesajı görüntüle
    Bunun gibi birşey mi lazım?
    http://jsfiddle.net/j53gd/1/
    Google'da radio button like checkbox olarak aratırsanız, istediğiniz sonuca ulaşacağınızı umuyorum.
    severk27
    aynen bunu arıyorum ama sanırım bi yerde hata yaptım.
    çalışmadı bende.
    @sever2k7

    head tagları arasına eklediğim :
    <script type="text/javascript">
    //buradan aşşağa radio butonların checkbox gibi görünmesi
    function clickReset ()
    {
        var isChecked = false,
            clicked = $(this),
            set = $('.' + clicked.attr('class') + ':checked').not (clicked);
    
        if (isChecked = clicked.attr('checked'))
        {
            set.attr('checked', false);
        }
        return true;
    }
    
    $(function ()
    {
        $('.test').click (clickReset);
    });
    
    </script>
    radio buttonların olduğu yerler :

     <tr>
                      <td align="center" valign="top"><input type="checkbox" class="test" name="radio1" id="radio4" value="5">
                        <label for="radio4"></label></td>
                      <td align="center" valign="top"><input type="checkbox" class="test" name="radio1" id="radio5" value="4">
                        <label for="radio5"></label></td>
                      <td align="center" valign="top"><input type="checkbox" class="test" name="radio1" id="radio6" value="3">
                        <label for="radio6"></label></td>
                      <td align="center" valign="top"><input type="checkbox" class="test" name="radio1" id="radio7" value="2">
                        <label for="radio7"></label></td>
                      <td align="center" valign="top"><input type="checkbox" class="test" name="radio1" id="radio8" value="1">
                        <label for="radio8"></label></td>
                    </tr>
  • 26-01-2014, 03:57:06
    #4
    Google görsellerden Css3 checkbox örneklerini arattırırsanız uygun bir tane bulabilirsiniz.