Question

I have in my html code:

<input class="hidd" type="radio" name="org1" value="1" />
<input class="hidd" type="radio" name="org1" value="2" />
<input class="hidd" type="radio" name="org1" value="3" />

<input type="hidden" id="crc" name="crc" value="20120109|0" />

I want to jQuery detect which item was selected by user and then set the value according to the formula:
if radiobutton with value “1” is selected by user then input value of id=”crc” should be: “20120109|1” instead of “20120109|0”. So in other words – keep all numbers before sign “|” and change only value behind this sign “|”. How can I do that? Maybe take value from id=”crc”, delete last number and add new number? Or maybe in another way?

$('.hidd').click(function () {

});

Answer 1

Try this:

$('.hidd').click(function () {
    var crc = $("#crc").val().split("|");
    $("#crc").val(crc[0] + "|" + $(this).val());
});

Or to cover all possible methods of selecting an option:

$('.hidd').change(function () {
    var crc = $("#crc").val().split("|");
    $("#crc").val(crc[0] + "|" + $(this).val());
});