console
function show(id){
if(document.getElementById(id).style.display == "block"){
document.getElementById(id).style.display = "none";
}else if(document.getElementById(id).style.display == "none"){
document.getElementById(id).style.display = "block";
}
}
function radioShow(){
var myradio=document.getElementsByName("myradio");
var div=document.getElementById("c").getElementsByTagName("div");
for(i=0;i<div.length;i++){
if(myradio[i].checked){
div[i].style.display="block";
}else{
div[i].style.display="none";
}
}
}
<div class="control" style="display: inline-block;">
<label class="item_label" style="width: 200px;margin-left: 110px;">控制:</label>
<div style="display: inline-block;">
<input type="checkbox" style="margin-left: 15px;" name="checkbox" onclick="show('img-2')" checked>
<span style="margin-left: 1px;font-size: 13px;">苹果 </span>
</div>
<div style="display: inline-block;">
<input type="checkbox" style="margin-left: 15px;" name="checkbox" onclick="show('radio')" checked>
<span style="margin-left: 1px;font-size: 13px;">分享 </span>
</div>
<div style="display: inline-block;">
<input type="checkbox" style="margin-left: 15px;" name="checkbox" onclick="show('img-4')" checked>
<span style="margin-left: 1px;font-size: 13px;">香蕉 </span>
</div>
</div>
<div class="control" style="display: inline-block;display: block;" id="radio">
<label class="item_label" style="width: 200px;margin-left: 110px;">领取福利:</label>
<div style="display: inline-block;">
<input name="myradio" id="r1" type="radio" value="" checked="checked" onclick="radioShow();">
<span style="margin-left: 1px;font-size: 13px;">点开分享后的图文链接</span>
</div>
<div style="display: inline-block;">
<input name="myradio" id="r2" type="radio" value="" onclick="radioShow();">
<span style="margin-left: 1px;font-size: 13px;">点击“分享到朋友圈”按钮</span>
</div>
<div style="display: inline-block;">
<input name="myradio" id="r3" type="radio" value="" onclick="radioShow();">
<span style="margin-left: 1px;font-size: 13px;">点击“发送给朋友”或“分享到朋友圈”按钮</span>
</div>
</div>
<div class="content">
<div>流程:</div>
<div class="img_content">
<div>
<img src="https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1104027321,4042224575&fm=26&gp=0.jpg" alt="" style="vertical-align: middle;">
<i class="right_arrow" style="font-size: 24px; color: rgb(142, 142, 147); margin: 0px 10px;"></i>
</div>
<div>
<img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2689060700,230357849&fm=26&gp=0.jpg" alt="" style="vertical-align: middle;display: block;" id="img-2">
<i class="right_arrow" style="font-size: 24px; color: rgb(142, 142, 147); margin: 0px 10px;"></i>
</div>
<div id="c">
<div class="c1">
<img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3467088520,3826305270&fm=26&gp=0.jpg">
</div>
<div class="c2" style="display:none;">
<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1412850398,1574007676&fm=26&gp=0.jpg">
</div>
<div class="c3" style="display:none;">
<img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=144511643,3270705400&fm=26&gp=0.jpg">
</div>
<i class="right_arrow" style="font-size: 24px; color: rgb(142, 142, 147); margin: 0px 10px;"></i>
</div>
<div>
<img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=350629339,348308436&fm=26&gp=0.jpg" alt="" style="vertical-align: middle;display: block;" id="img-4">
</div>
</div>
</div>
.content {background:#F2F2F7;margin:0 112px 10px 112px;padding:26px;max-width:1200px;}
.content .img_content {margin-left:100px;display:flex;}
.content .img_content img {width:200px;}