jQuery＆amp; SharePoint - 取消选中复选框时隐藏字段

Question

我正在使用自定义SharePoint新表单，需要根据选项字段的值隐藏/显示某些字段（设置为允许多个选项 - 复选框）。

我对使用jQuery很陌生，但最初设法隐藏了字段，甚至在选中相应的复选框时显示字段，但如果取消选中复选框，我需要关联的复选框再次隐藏自己。我在其中一个复选框上添加了一个else语句，但效果很好，但是当我将相同的else语句添加到另一个复选框时，所有字段都会再次出现。我假设我打破了剧本。

这是我到目前为止所做的工作，并希望得到任何帮助！

<script type="text/javascript">
   try {
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
        function EndRequestHandler(sender, args) {
            _resizeModalDialog();
        }
    }
    catch (err) { }
    
 $(document).ready(function()
  {
           //Hide Name fields initially
 	  $("h3.ms-standardheader:contains('New Employment Type')").closest("tr").hide();
 	  $("h3.ms-standardheader:contains('New Job Position')").closest("tr").hide();
 	  $("h3.ms-standardheader:contains('New Salary')").closest("tr").hide();


     //Associate a function with Drop down change event
  $("[id$='TypeofRequest_cd29aee6-a80d-46a1-8c44-5e3046a5db8a_MultiChoiceOption_0']").change(function()
    {
        var checked = $(this).is(":checked");
        if (checked)
         {
 	  $("h3.ms-standardheader:contains('New Employment Type')").closest("tr").fadeIn(600);
         }
     });
     
     //Associate a function with Drop down change event
  $("[id$='TypeofRequest_cd29aee6-a80d-46a1-8c44-5e3046a5db8a_MultiChoiceOption_1']").change(function()
    {
        var checked = $(this).is(":checked");
        if (checked)
         {
 	  $("h3.ms-standardheader:contains('New Job Position')").closest("tr").fadeIn(600);
		}
		else
		{
 	  $("h3.ms-standardheader:contains('New Job Position')").closest("tr").hide(600);
         }
     });
   
  //Associate a function with Drop down change event
  $("[id$='TypeofRequest_cd29aee6-a80d-46a1-8c44-5e3046a5db8a_MultiChoiceOption_2']").change(function()
    {
        var checked = $(this).is(":checked");
        if (checked)
         {
 	  $("h3.ms-standardheader:contains('New Salary')").closest("tr").fadeIn(600);
         }
     });
 
 });
</script>