Jquery常用函数按属性隐藏元素

Question

页面中有很多复选框和相关文本框。默认情况下，文本框是隐藏的，并且仅在选中其相关复选框时才显示。我应该如何为此编写一个通用函数，而不是为每个复选框编写一个函数。

http://jsfiddle.net/6SCMc/

某事..比如..:

$("input[type=checkbox]").click( function() {
    var x = $(this).attr("name");
$("[id=x]").toggle(this.checked);
});

复选框的“名称”将是其文本框的 ID。

Answer 1

您需要:

1) 在你的 fiddle 中包含 jQuery

2) 使用change()事件而不是click()

3) 使用 + 正确连接 x 变量

$("input[type=checkbox]").change( function() {
    var x = $(this).attr("name");
    $("#" + x).toggle(this.checked);
});

<强> Updated Fiddle