选中复选框上的图像和文本更改并还原(Image and text change on checkbox checked and revert back)

 我到处寻找，但找不到答案或无法理解。 我希望我的图像和文本更改选中复选框，当取消选中该复选框时，它将还原。当我单击复选框时，图像和文本会更改但不会还原为原始复选框。 
 
 
 
 
 
  
$("#link_checkbox").click(function() {
  $(".result_text").text("Inserts the contents of the file into your document and creates a shortcut to the source file.Changes to the source file will be reflected in your document.");
  $('#picture').attr('src', 'image/result1.png');
});
 
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="first_checkbox">
  <span>
        <input type="checkbox" name="link_checkbox" id="link_checkbox" class="link_checkbox" value="link_checkbox" accesskey="k" />
    	</span>
  <span class="first_checkbox_lbl">
    	<label for="link_checkbox">Lin<u>k</u> to file</label>
    	</span>
</div>
<span class="result_img">
      <img id="picture" src="image/result.png" alt="result.png" />
    </span>
<div class="result_text">Inserts the contents of the file into your document so that you can edit it later using the application which created the source file.</div>
 
 
 
 

I have looked everywhere but doesn't find the answer or can't understand it. I want my image and text change on checkbox checked and when the checkbox is unchecked it'll revert back.When i click the checkbox the image and text changes but doesn't revert back to original.
 
 
 
 
 
  
$("#link_checkbox").click(function() {
  $(".result_text").text("Inserts the contents of the file into your document and creates a shortcut to the source file.Changes to the source file will be reflected in your document.");
  $('#picture').attr('src', 'image/result1.png');
});
 
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="first_checkbox">
  <span>
        <input type="checkbox" name="link_checkbox" id="link_checkbox" class="link_checkbox" value="link_checkbox" accesskey="k" />
    	</span>
  <span class="first_checkbox_lbl">
    	<label for="link_checkbox">Lin<u>k</u> to file</label>
    	</span>
</div>
<span class="result_img">
      <img id="picture" src="image/result.png" alt="result.png" />
    </span>
<div class="result_text">Inserts the contents of the file into your document so that you can edit it later using the application which created the source file.</div>
 
 
 
 

原文：https://stackoverflow.com/questions/45159647