使用變量顯示文本框

Question

我需要使用變量的值來顯示文本框。對我而言，我無法完成它的工作。我不是java腳本的專家，所以我正在尋求你的幫助。下面是HTML和Java腳本：

function valueChanged(me) 
 

 
{ 
 
\t var check_id = me.id + "dt" 
 
\t alert (check_id) 
 
\t 
 
    if($('.tour_selected').is(":checked")) 
 
\t \t $(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) 
 

 
{ 
 
\t var check_id = me.id + "dt" 
 
\t alert (check_id) 
 
\t 
 
    if($('.tour_selected').is(":checked")) 
 
\t \t $('#'+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>

Answer 2

我已經使用JavaScript來此，而不是jQuery庫

。

JS

function valueChanged() { 

       var checkBoxElement = document.getElementById('tour_selected_id'); 
       var textBoxElement = document.getElementById('t1dt'); 

       console.log(checkBoxElement.style.visibility) 
       if(checkBoxElement.checked) { 
        textBoxElement.style.display = 'block'; 
       } 
       else{ 
        textBoxElement.style.display = 'none'; 
       } 

      } 

HTML

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

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