jquery - Change Input Value on Radio Change -

jquery - Change Input Value on Radio Change -

i have 2 product , want append product name gender when user selects gender. have got working not quite there yet. gender duplicates , if alter dudes chicks keeps both. know there elegant solution cant find it. help much appreciated.

http://jsfiddle.net/rbh9qzwo/1/

<form> <input type="radio" name="name" value="graphics sock" required>graphics <input type="radio" name="name" value="pattern sock" required>patterns</br> <input type="radio" name="gender" value="dudes" required>dudes <input type="radio" name="gender" value="chicks" required>chicks </form> $('input:radio[name="gender"]').each(function () { if ($(this).val() == 'dudes') { $('input:radio[name="name"]').val($('input:radio[name="name"]').val() + 'dudes'); } if ($(this).val() == 'chicks') { $('input:radio[name="name"]').val($('input:radio[name="name"]').val() + 'chicks'); } });

use info attribute save original value, this:

<input type="radio" name="product" value="product1" data-original="product1">

then, in javascript, replace value = value + gendervalue value = data-original1 + gendervalue.

jquery html