byta stil (css "attribut") på object

Nu har jag sökt o sökt. säker på att jag sett något sådant här förr men hittar inte.

Det jag vill göra är att byta en stilmall på ett object!!!!

alltså jag har två radiobuttons och ett textfält. klickar jag på ena radioknappen så får textfältet en stil, klickar jag på andra radiobutton så får textfältet ett annat.

någon som vet hur man kallar ???
document.forms[0].nolog_cardno.???

<style type="text/css">

.r1{ font-style: italic; }
.r2{ font-style: normal; }

</style>

<form>
    <input type="radio" name="r" onclick="this.form.elements['text'].className = 'r1'">
    <input type="radio" name="r" onclick="this.form.elements['text'].className = 'r2'">
    <input type="text" name="text" value="värde">
</form>

:q

hoho.. funkar kanon, precis vad jag leta efter.. tackar