javascript - 使用变量显示文本框

Question

我需要使用变量的值来显示文本框。对于我的一生，我无法让它发挥作用。我不是java脚本专家，所以我寻求你的帮助。下面是 html 和 java 脚本:

function valueChanged(me)

{
	var check_id = me.id + "dt"
	alert (check_id)
	
    if($('.tour_selected').is(":checked")) 
		  $(check_id).val.show();
    else
        $(check_id).val.hide();
}

<input class="t1dt" type="text" name="keywords_other_option" value="" id="t1dt" placeholder=" Select date+time for>" style="display: none">

<input class="tour_selected col-md-1" type="checkbox" name="ATV and Falls " value="ATV and Falls" id="t1" onchange=" return valueChanged(this)">ATV and Falls
<br>

如您所见，ID 已连接并显示。但是没有被传递到 IF 函数来取消隐藏/隐藏文本框。

感谢您的帮助

Answer 1

你忘了包含 jquery，要指定一个 id，你需要井号，而你只是显示/隐藏而不是 val.show/hide。

function valueChanged(me)

{
	var check_id = me.id + "dt"
	alert (check_id)
	
    if($('.tour_selected').is(":checked")) 
		  $('#'+check_id).show();
    else
        $('#'+check_id).hide();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

<input class="t1dt" type="text" name="keywords_other_option" value="" id="t1dt" placeholder=" Select date+time for>" style="display: none">

<input class="tour_selected col-md-1" type="checkbox" name="ATV and Falls " value="ATV and Falls" id="t1" onchange=" return valueChanged(this)">ATV and Falls
<br>