Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript中的变量动态引用html元素_Javascript_Jquery_Variables - Fatal编程技术网

使用javascript中的变量动态引用html元素

使用javascript中的变量动态引用html元素,javascript,jquery,variables,Javascript,Jquery,Variables,如果勾选复选框,我将尝试使用jQuery/javascript从命名输入元素中删除类 我有几个复选框,每个复选框都附带一个隐藏(页面加载时)文本输入字段 复选框和文本输入字段分别命名为“问题X”和“问题X描述”。(其中X是一个0到100的数字,比如说) 因此,我试图在我的代码中定义一个变量,该变量被定义为“this element's name”+“_description”,然后使用该变量定义合适的元素以从中删除该类 以下是我尝试过的: $('input:checkbox').change(f

如果勾选复选框,我将尝试使用jQuery/javascript从命名输入元素中删除类

我有几个复选框,每个复选框都附带一个隐藏(页面加载时)文本输入字段

复选框和文本输入字段分别命名为“问题X”和“问题X描述”。(其中X是一个0到100的数字,比如说)

因此,我试图在我的代码中定义一个变量,该变量被定义为“this element's name”+“_description”,然后使用该变量定义合适的元素以从中删除该类

以下是我尝试过的:

$('input:checkbox').change(function(){

var x = $(this).attr('name').'_description';

if($(this).is(":checked")) {
    $('input[name="x"]').removeClass("hidden");
} else {
     $('input[name="x"]').addClass("hidden");
}
});

但是,选中“任何”复选框时不会发生任何情况。我引用的变量是否正确?

请使用控制台,它将显示错误消息

第一期

var x = $(this).attr('name').'_description';
                           ^^^
这不是在JavaScript中构建字符串的方式。JavaScript不使用
连接字符串。它使用
+

var x = $(this).attr('name') + '_description';
第二期

$('input[name="x"]').
您不是在寻找您构建的字符串,而是在寻找一个名为x的元素

需要

$('input[name="' + x + '"]').

使用控制台,它将显示错误消息

第一期

var x = $(this).attr('name').'_description';
                           ^^^
这不是在JavaScript中构建字符串的方式。JavaScript不使用
连接字符串。它使用
+

var x = $(this).attr('name') + '_description';
第二期

$('input[name="x"]').
您不是在寻找您构建的字符串,而是在寻找一个名为x的元素

需要

$('input[name="' + x + '"]').

使用控制台,它将显示错误消息

第一期

var x = $(this).attr('name').'_description';
                           ^^^
这不是在JavaScript中构建字符串的方式。JavaScript不使用
连接字符串。它使用
+

var x = $(this).attr('name') + '_description';
第二期

$('input[name="x"]').
您不是在寻找您构建的字符串,而是在寻找一个名为x的元素

需要

$('input[name="' + x + '"]').

使用控制台,它将显示错误消息

第一期

var x = $(this).attr('name').'_description';
                           ^^^
这不是在JavaScript中构建字符串的方式。JavaScript不使用
连接字符串。它使用
+

var x = $(this).attr('name') + '_description';
第二期

$('input[name="x"]').
您不是在寻找您构建的字符串,而是在寻找一个名为x的元素

需要

$('input[name="' + x + '"]').
将寻找:

<input name="x" />
将寻找:

<input name="x" />
将寻找:

<input name="x" />
将寻找:

<input name="x" />

使用
document.getElementById('element\u name')

HTML元素的示例:

使用
document.getElementById('element\u name')

HTML元素的示例:

使用
document.getElementById('element\u name')

HTML元素的示例:

使用
document.getElementById('element\u name')

HTML元素的示例:

谢谢善良的维京人:我不擅长javascript:)谢谢你教我如何正确引用变量和连接!一旦时间限制到期,我会接受的。谢谢善良的维京人:我不擅长javascript:)谢谢你教我如何正确引用变量和连接!一旦时间限制到期,我会接受的。谢谢善良的维京人:我不擅长javascript:)谢谢你教我如何正确引用变量和连接!一旦时间限制到期,我会接受的。谢谢善良的维京人:我不擅长javascript:)谢谢你教我如何正确引用变量和连接!时间一到我就接受。