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(i, el)
{
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