更改复选框的名称onclick

时间:2012-09-26 23:01:51

标签: javascript

我需要在使用javascript单击时更改复选框的name属性,但我不知道如何执行此操作。这就是我尝试过的:

$("#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"));
    });
});

它有效,但我喜欢听到任何人对是否会出现问题的想法。

3 个答案:

答案 0 :(得分:0)

您错过了字符串的引号:

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

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

});

但是,由于$('#first')对象现在已设置为this,因此您首先不需要$("#first").click(function() { $(this).attr("name", thatName); });

{{1}}

答案 1 :(得分:0)

您可以将#first替换为函数内的this

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

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

});

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

答案 2 :(得分:0)

你错过了引号 -

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