Вопрос по Chekbox

[oprst]

Здравствуйте. Друзья, подскажите решить такую задачку.

Есть два чекбокса - mode1 и mode2. 

  <div>
    <div>
      <div id="instmode">
        <form>
          <div style="float: left; padding-right: 10px;">
            <input type="radio" name="instmode" id="imode_1" value="MODE1" onclick="show_instmode1(this)">
            <label for="imode_1">Единственное устройство</label>
          </div>
          <div>
            <input type="radio" name="instmode" id="imode_2" value="MODE2" onclick="show_instmode2(this)">
            <label for="imode_2">Группа устройств</label>
          </div>
        </form>
      </div>
    </div>
      <div><br></div>
    <div id="log"></div>
  </div>

<script type="text/javascript">
$(function() {
	$( "#instmode" ).buttonset(); 
});

$( "input" ).on( "click", function() {
  $( "#log" ).html( $( "input:checked" ).val() + " is checked!" );
});
</script> 

 

Сейчас при выборе одного из них - появляется в дивке LOG - сообщение, какой чек бокс активен.

Подскажите пожалуйста, как сделать так, что бы при выборе определенного чек бокса появлялся определенный див.

условно при выборе MODE1 - появилась div id=mode1 при выборе mode2 появилась div id=mode2 

 

Заранее благодарю.

Edited July 25, 2016 by oprst
Устное предупреждение за не правильное оформление темы

[by chris]

$(function() {
  $( "input" ).on( "click", function() {
   var $self = $(this);
   var self_id = $(this).attr('id');
   var re = /.*_/;
   $( "#log" ).html( "<div id='mode"+self_id.replace(re, '')+"'>" + $self.val() + " is checked! </div>" );
  });
});

 

Edited July 25, 2016 by by chris

[wwt]

https://jsfiddle.net/agkznm7z/

[oprst]

Спасибо большое. все получилось.