2017-06-09 120 views
0

我想改變標籤和文本框上的文本複選框單擊。js不能在asp.net工作

我注意到asp.net完全支持js。

<script type="text/javascript"> 
    $(document).ready(function() { 

     $('#chkhtml').change(function() { 

      $('#Text1').prop("disabled", !$(this).is(':checked')); 



      document.getElementById('#Text1').innerHTML = 'newtext'; 

      document.getElementById('#<%=rollLbl.ClientID %>').innerHTML = 'your text goes here'; 
      document.getElementById('#testlbl').innerHTML = 'newtext'; 

     }); 


    }); 
</script> 

但它只啓用或禁用文本框,但不更改任何標籤或文本框的文本。

我已經嘗試.value .content等,但這些工作都沒有plzzz plzz幫助我。

+0

請分享HTML。 – Prabhat

+0

+0

檢查我的更新代碼。 – Prabhat

回答

1

你混淆了jQuery的和Javascript:

jQuery的

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#chkhtml').change(function() { 
      $('#Text1').prop("disabled", !$(this).is(':checked')); 
      $('#Text1').val('newtext'); 
      $('#<%=rollLbl.ClientID %>').html('your text goes here'); 
      $('#testlbl').html('newtext'); 
     }); 
    }); 
</script> 

請修改下面的變化在你的代碼,如果你想保持原來的。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#chkhtml').change(function() { 
      $('#Text1').prop("disabled", !$(this).is(':checked')); 
      document.getElementById('Text1').value = 'newtext'; 
      document.getElementById('<%=rollLbl.ClientID %>').innerHTML = 'your text goes here'; 
      document.getElementById('testlbl').innerHTML = 'newtext'; 
     }); 
    }); 
</script> 
+1

F.Y.I.你也混合了他們兩個。 * Javascript *部分的jQuery代碼仍然像DOM'ready','change'事件處理程序和'prop'方法。 –

+0

@ palaanes:同意。更好的是,如果我只保留jQuery部分的時間,一旦我有足夠的時間,就會向OP提供純JavaScript代碼。 – Prabhat

+0

謝謝....但它仍然不工作在文本框...我想提到的是,文本框被禁用,並且只能通過複選框啓用 –

0

您需要更改

document.getElementById('#Text1') 

document.getElementById('Text1') 

而且這類電話的休息過。 getElementById接受一個I​​D,而不是選擇器。

+0

其唯一的標籤工作,但不適用於文本框...和價值只改變一次我們如何檢索標籤或文本的舊值 –

0

您可以嘗試在jQuery的

$('#Text1').html('newtext'); 
$('#<%=rollLbl.ClientID %>').html('your text goes here'); 

或在普通的JavaScript

document.getElementById('Text1').innerHTML = 'newtext'; 
document.getElementById('<%=rollLbl.ClientID %>').innerHTML = 'your text goes here'; 

,你只需要在元素的ID傳遞給getelementById()。但jQuery使用css查詢選擇器,所以#name意味着它是一個ID和.name意味着它是一個類