js在asp.net中不起作用

Question

我试图更改单击复选框上的标签文本和文本框文本。

我注意到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等，但是这些工作都没有帮助我。

Answer 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>

Answer 2

你需要改变

document.getElementById('#Text1')

至

document.getElementById('Text1')

其余的此类电话也是如此。 getElementById接受ID，而不是选择器。

Answer 3

你可以在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表示它是一个类