javascript - 更改复选框onclick的名称

Question

我需要在使用 javascript 单击复选框时更改其名称属性，但我不确定如何执行此操作。这是我尝试过的：

$("#first").click(function() {

$(#first).attr("name", thatName);

alert(#first).attr("name");
});

<input type="checkbox" name="thisName" id="first">

不好！任何帮助表示赞赏。

编辑...我想我明白了！...任何人都可以提供有关此解决方案的反馈：

$(document).ready(function(){
    $("#first").click(function() {
        $("#first").attr("name", "chump");
        alert($("#first").attr("name"));
    });
});

它有效，但我想听听任何人关于它是否会出现问题的想法。

Answer 1

您缺少引号-

var thatName = "chkBox";
$("#first").click(function() {
    $("#first").attr("name", thatName);
    alert("#first").attr("name");
});

Answer 2

您缺少字符串的引号：

$("#first").click(function() {

    $("#first").attr("name", thatName);

});

但是您不需要首先做$('#first')，因为this现在将对象设置为它：

$("#first").click(function() {

    $(this).attr("name", thatName);

});

Answer 3

您可以在函数内部替换#first为。this

$("#first").click(function() {

    // you need to first assign a value to thatName
    $(this).attr("name", thatName);
    alert($(this).attr("name"));

});

注意：您需要将整个alert消息括在括号中。不要忘记美元符号。