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

#first関数内で置き換えることができthisます。

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

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

});

alert注:メッセージ全体を括弧で囲む必要があります。そして、ドル記号を忘れないでください。

Answer 2

文字列の引用符がありませんでした:

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

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

});

ただし、オブジェクトが設定されているため$('#first')、最初から行う必要はありません。this

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

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

});

Answer 3

引用符がありません-

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