2017-07-17 5 views
1

Ich versuche, eine Checkbox in Contact Form 7 basierend auf dem Wert des einzelnen Kontrollkästchens eine Klasse hinzuzufügen.Streifen Kommas von Eingabewert

Bisher habe ich es so, dass es den Wert als eine Klasse hinzufügt, aber ich kann nicht scheinen, die Kommas loszuwerden.

Ich habe das versucht, aber es funktioniert nicht. Kann mir bitte jemand helfen?

$("#select-skip-form input[type=checkbox]").addClass(function(index) { 
    return $(this).val().replace(/,/g,'').toLowerCase().split(' ').join('-'); 
}); 

EDIT

So zum Beispiel habe ich eine Checkbox mit dem Wert „7 Hof eingeschlossen 'Erbauer überspringt“ und ich möchte dies als eine Klasse auf dem Feld ohne Komma oder Leerzeichen hinzuzufügen.

<input type="checkbox" name="checkbox-355" value="7 yard enclosed &#039;builders&#039; skip" /> 

So endet es so zu sein auf:

<input type="checkbox" class="7-yard-enclosed-builders-skip" name="checkbox-355" value="7 yard enclosed 'builders' skip" /> 
+0

Können Sie ein Beispiel Wert zur Verfügung stellen? Was hast du und was willst du? – cgee

+0

Hallo, ich habe die Frage mit dem Beispiel bearbeitet. Danke :) – Shaun

+0

Es gibt keine Kommas in '7 Hof eingeschlossenen" Erbauer "überspringen. Meinst du, du möchtest die Apostrophe entfernen? – ajm

Antwort

1

Try this:

var $value = $('input').attr('value'); 
$value=$value.replace(/[^\/|\/a-zA-Z0-9 ]/g, ""); 
$value=$value.split(' ').join('-'); 
console.log($value); 

https://jsfiddle.net/7xeaLbkh/1/

+0

Vielen Dank! Das hat funktioniert :) – Shaun

+0

Nizza. Deine Begrüßung :) – cgee