テキストボックスにテキスト、jqueryがある場合はチェックボックスを非表示にします

Question

ドキュメントが読み込まれるときテキストボックスにテキストがある場合のみチェックボックスを非表示にしようとしています。テキストボックスが空であっても、すべてのチェックボックスが非表示になっています。 val()を使用するすべてのヘルプは

$(document).ready(function() { 


      //if statements to disable the fill checkboxes if there are dates already filled 
      if ($("#<%=FinishDateSrvcTXT.ClientID%>").text != "") { 
       $("#<%=FinishFillCHK.ClientID%>").css('display', 'none'); 
      } 

      if ($("#<%=startdateSrvcTXT.ClientID%>").text != "") { 
       $("#<%=StartFillCHK.ClientID%>").css('display', 'none'); 
      } 

      if ($("#<%=FinishDateBodyShopTXT.ClientID%>").text != "") { 
       $("#<%=FillFinishBodyShopCHK.ClientID%>").css('display', 'none'); 
      } 
      if ($("#<%=StartDateBodyShopTXT.ClientID%>").text != "") { 
       $("#<%=FillStartBodyCHK.ClientID%>").css('display', 'none'); 
      } 
      if ($("#<%=CompleteDatedetailTXT.ClientID%>").text != "") { 
       $("#<%=CompleteFilldetailCHK.ClientID%>").css('display', 'none'); 
      } 

      if ($("#<%=startdatedetailtxt.ClientID%>").text != "") { 
       $("#<%=startdatedetailCHK.ClientID%>").css('display', 'none'); 
}); 

Answer 1

はあなたの if文を変更し

してください。

$("#<%=FinishDateSrvcTXT.ClientID%>").val().length > 0){ 
    $("#<%=FinishFillCHK.ClientID%>").css('display', 'none'); 
} 

Answer 2

フム、あなたはこのようなものを使用することができます

function check() { 
if(document.getElementById('yourTextFieldId').text != null) { 
document.getElementById('yourCheckboxId').disabled = true; 
} 
else { 
document.getElementById('yourCheckboxId').disabled = false; 
} 
} 

Answer 3

を試してみてください。

$('input:checkbox').each(function() { 
    if (!this.value || !$(this).text()) $(this).hide(); 
}); 

をここでは、すぐには値またはテキストなしがないよう、各チェックボックスを非表示になります。