问在spring中对复选框的更改添加动态输入类型

EN

<select id="multiOptions" name="multiOptions" style="width: 214px">
 <option value="S" selected="selected">--Select Input Type --</option>
<option value="C">Checkbox</option>
<option value="R">Radio</option>
<option value="B">Button</option>
</select>
<div id="radios">
    <input type="radio" value="1" name="option">option1</input>
    <input type="radio" value="2" name="option">option2</input>
</div>
<div id="checkboxes">
    <input type="checkbox" value="1" name="option">option1</input>
    <input type="checkbox" value="2" name="option">option2</input>
</div>
<div id="buttons">
    <input type="button" value="option1" name="option"/>
    <input type="button" value="option2" name="option"/>
</div>

$(document).ready(function () {
$('#checkboxes').hide();
$('#radios').hide();
$('#buttons').hide();
$("#multiOptions").change(function () {
    if ($(this).val() == "R" ) {
       $('#radios').show();
       $('#checkboxes').hide();
       $('#buttons').hide();
    }
 else if ($(this).val() == "C") {
     $('#checkboxes').show();
     $('#radios').hide();
     $('#buttons').hide();
    }
    else if ($(this).val() == "B"){
     $('#checkboxes').hide();
     $('#radios').hide();
     $('#buttons').show();
    }
    else { 
        $('#checkboxes').hide();
        $('#radios').hide(); 
        $('#buttons').hide();
         }
});
});