SOURCE

$('.my_layer label').click(function(){
    $(this).addClass('lab_check').siblings('label').removeClass('lab_check');
});
$('.num_hide').click(function(){
  $('.dc_num').hide();
});
$('.num_show').click(function(){
  $('.dc_num').show();
  $('.dc_num input').focus();
});

<script src="http://www.jq22.com/jquery/jquery-1.8.2.js"></script>
<div class="my_layer">
<p><b>导出范围：</b><label class="lab_check num_hide"><input type="radio" name="fanwei" checked/><span></span>导出全部</label>
<label class="num_show"><input type="radio" name="fanwei" /><span></span>导出指定数量</label></p>
  <p class="dc_num"><b>导出数量：</b><input type="text" /></p>
<p><b>是否删除：</b><label class="lab_check"><input type="radio" name="fanwei" checked/><span></span>只导出不删除</label>
<label><input type="radio" name="fanwei" /><span></span>导出后要删除</label></p>
  <p><b>商品名称：</b><label class="lab_check"><input type="radio" name="fanwei" checked/><span></span>不需要</label>
<label><input type="radio" name="fanwei" /><span></span>需要商品名称</label></p>
  <button href="" class="dc_btn">立即导出</button>
<div class="gnsm"><h3>功能说明</h3><p>1.锛屾鍦板潃鎴戜滑浼氭椂鏃剁洃鎺<br>2.锛屾鍦板潃鎴戜滑浼氭椂鏃剁洃鎺</p></div>
</div>

.my_layer{padding:20px;font-size:14px;color:#666}
.my_layer label{margin-right:20px;cursor:pointer}
.my_layer label>input{display:none}
.my_layer label>span{
  display:inline-block;
  height:20px;
  width:20px;
  border:1px solid #ddd;
  border-radius:10px;
  margin-right:10px;
  vertical-align:middle;
  text-align:center;
  background:#fff;
}
.my_layer label>span:before{
  content:'';
  display:inline-block;
  width:0;
  height:0;
  background:#10a9f0;
  border-radius:5px;
  transition:.1s;
}
.lab_check>span:before{
  width:10px !important;
  height:10px !important;
}
.my_layer>p{margin-bottom:20px}
.my_layer>p>b{
  margin-right:20px;
}
.dc_btn{
  display:block;
  height:36px;
  padding:0 15px;
  background:#10a9f0;
  color:#fff;
  border:none;
  border-radius:4px;
}
.my_layer input[type=text]{
  height:28px;
  border:1px solid #ddd;
  background:#ffffff;
  border-radius:2px;
  width:200px;
  padding:0 10px;
}
.dc_num{display:none}
.gnsm{margin-top:40px;line-height:24px;}