Visualizzazione dei risultati da 1 a 1 su 1

Discussione: Checkbox multiple

  1. #1
    Utente di HTML.it L'avatar di lukezz
    Registrato dal
    Feb 2010
    Messaggi
    494

    Checkbox multiple

    Salve,
    ho dei checkbox multipli con uno stile modificato tramite css e javascript

    questo è la parte html:

    <div class="checkbox checkbox-replace">
    <label><input name="prova[]" value="1">1</label>
    </div>


    tramite javascript mi inserisce un div in basso un label e la class checked se è checked:

    <div class="checkbox checkbox-replace checked">
    <label>
    <label class="cb-wrapper">
    <input name="prova[]" value="1">1
    <div class="checked"></div>
    </label>
    </label>
    </div>

    questo è la funzione:

    Codice PHP:
    function replaceCheckboxes()
    {
        var $ = 
    jQuery;
        
        $(
    ".checkbox-replace:not(.neon-cb-replacement), .radio-replace:not(.neon-cb-replacement)").each(function(iel)
        {
            var 
    $this = $(el),
                
    $input $this.find('input:first'),
                
    $wrapper = $('<label class="cb-wrapper" />'),
                
    $checked = $('<div class="checked" />'),
                
    checked_class 'checked',
                
    is_radio $input.is('[type="radio"]'),
                
    $related,
                
    name $input.attr('name');
            


            
    $this.addClass('neon-cb-replacement');
            
            
            
    $input.wrap($wrapper);
            
            
    $wrapper $input.parent();
            
            
    $wrapper.append($checked).next('label').on('click', function(ev)
            {    
                
    $wrapper.click();
            });
            
            
    $input.on('change', function(ev)
            {    
                if(
    is_radio)
                {
                    
    //$(".neon-cb-replacement input[type=radio][name='"+name+"']").closest('.neon-cb-replacement').removeClass(checked_class);
                    //$(".neon-cb-replacement input[type=radio][name='"+name+"']:not(:checked)").closest('.neon-cb-replacement').removeClass(checked_class);
                
    }
                
                if(
    $input.is(':disabled'))
                {
                    
    $wrapper.addClass('disabled');
                }
                
                
    $this[$input.is(':checked') ? 'addClass' 'removeClass'](checked_class);
                
            }).
    trigger('change');
        });

    Questa funzione non mi permette di passare i dati in una pagina php, credo per il fatto che disabilita il checkbox originale, infatti se provo con un semplice checkbox i dati passano.

    Qualche suggerimento?

    Per essere più preciso se elimino la classe checkbox-replace i dati vengono passati ma ovviamente non ho più lo stile css
    Ultima modifica di lukezz; 13-03-2015 a 12:01

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.