Question

我正在处理一个逻辑，如果我检查单选按钮，单选按钮应该隐藏，并且应该显示一个图标，这必须通过三个单选按钮。

我的条件是有三个单选按钮是'已批准'和＆amp; '拒绝'＆amp; “轮候”。当我选中单选按钮'已批准'时，可以看到图像，并且应该隐藏“已批准”单选按钮，然后当我检查其他按钮时，此“已批准”无线电应显示并且图像应隐藏。所以这必须适用于所有三个单选按钮。

有什么想法吗？

Answer 1

批准下降轮候

function ShowHideImage(id)
	{
		$('.ImageShow').each(function(){
			$(this).hide();
		});
		$('#Image'+id).show();
		var RadioClass = $('#'+id).attr('class');
		$('.'+RadioClass).each(function(){
			$(this).parent().show();
		});
		$('.'+id).hide();
	}

	$(document).on('click','.RadioButton',function(){
		var id = $(this).attr('id');
		ShowHideImage(id);
	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<img src="images/final_fantasy.jpg" width="150px" height="150px" style="display: none;" class="ImageShow" id="ImageRadioApproved" alt="image1">
<img src="images/Koala.jpg" width="150px" height="150px" style="display: none;" class="ImageShow" id="ImageRadioDeclined" alt="image2">
<img src="images/Desert.jpg" width="150px" height="150px" style="display: none;" class="ImageShow" id="ImageRadioWaitlisted" alt="image3">

<div class="RadioApproved">
  <input type="radio" class="RadioButton" id="RadioApproved" name="RadioSelect"> Approved
</div>
<div class="RadioDeclined">
  <input type="radio" class="RadioButton" id="RadioDeclined" name="RadioSelect"> Declined
</div>
<div class="RadioWaitlisted">
  <input type="radio" class="RadioButton" id="RadioWaitlisted" name="RadioSelect"> Waitlisted
</div>

显示/隐藏图像＆amp;选中和取消选中时单选按钮

1 个答案: