<script>
$(document).ready(function(){
$("#id1").click(function(){
if($("#id1").prop("checked")){
if($("#id3").val()!==""){
$("#id2").val($("#id3").val());
}else{
$("#id3").val($("#id2").val());
}
}else{
if($("#id2").val()!==""){
$("#id3").val($("#id2").val());
$("#id2").val("");
}else{
$("#id2").val($("#id3").val());
}
}
});
});
</script>
</head>
<body>
<input type="checkbox" id="id1">
<input id="id2" >
<input id="id3" value="10" type="hidden">
</body>
$(document).ready(function(){
$("#id1").click(function(){
if($("#id1").prop("checked")){
if($("#id3").val()!==""){
$("#id2").val($("#id3").val());
}else{
$("#id3").val($("#id2").val());
}
}else{
if($("#id2").val()!==""){
$("#id3").val($("#id2").val());
$("#id2").val("");
}else{
$("#id2").val($("#id3").val());
}
}
});
});
</script>
</head>
<body>
<input type="checkbox" id="id1">
<input id="id2" >
<input id="id3" value="10" type="hidden">
</body>