什麼是錯，此代碼它沒有顯示在div

-2

<div class="form-group col-sm-12" id="myDiv" align="right"> 
    <input class="coupon_question" id="theControl" name="cadre_number" type="checkbox" onchange="valueChanged()" value="0" > change</input> 
</div> 

<div class="form-group col-sm-12" id="endDiv" style="display:none" align="right"> 
    <span><label class="radio" id="end1">date</label></span> 
    <input class = "radio" value="2016-10-10" checked="" type="date"> 
    <span><label class="radio" id = "end3">case</label></span> 
    <input class = "radio" type="text"> 
</div>

這是Java腳本： -

function valueChanged(){ 
    if($('.coupon_question').is(":checked")){ 
     document.getElementById("endDiv").style.display = 'block'; 
    } 

    else{ 
     document.getElementById("endDiv").style.display = 'none'; 
    } 
}

問題是，當我選中該複選框， div'endDiv'沒有任何反應！

來源

2017-03-14 Amado

我已經更新 – Amado

@Amado什麼是你所面對錯誤的問題？另外，你的'label'和'div'在'input'元素後面沒有任何開始標籤的情況下關閉。 – Ayush

您的代碼正在爲我工作。查看小提琴https://jsfiddle.net/xhLmk1ou/2/ – Ayush

我想你沒有添加任何jquery.js使用jquery方法。因爲當我將jquery.js添加到我的html時它工作正常。

希望這是有幫助的。

來源

2017-03-14 09:07:03 Ram

如果您使用的是jQuery，您的代碼正在工作，但存在一些錯誤，如label和div在沒有開始標記的情況下關閉。

我想你想做到這一點：

<input type="checkbox" id="theControl" class="coupon_question" name="cadre_number" onchange="valueChanged()" value="0"> 
<div class="form-group col-sm-12" id="endDiv" style="display:none" align="right"> 
    <label class="radio" for="end1">تاريخ الإنهاء </label> 
    <input type="date" id="end1" class="radio" value="2016-10-10"> 
    <label class="radio" for="end3">سبب الإنهاء</label> 
    <input type="text" id="end3" class="radio"> 
</div>

如果你不使用jQuery，通過這個改變你的JavaScript if條件：

function valueChanged(){ 
    if(document.querySelector('#theControl').checked){ 
     document.querySelector("#endDiv").style.display = 'block'; 
    } 
    else{ 
     document.querySelector("#endDiv").style.display = 'none'; 
    } 
}

來源

2017-03-14 09:07:29

<input type="checkbox" onclick="onClickHandler()" id="theControl" /> 

<script> 
function onClickHandler(){ 
    if($('.coupon_question').is(":checked")){ 
      $("#endDiv").show(); 
    } 

    else{ 
      $("#endDiv").hide(); 
    } 

} 
</script>

來源

2017-03-14 09:11:28 RemyaJ

雖然此代碼可能會回答問題，但提供有關爲何和/或代碼如何回答此問題的其他上下文會提高其長期價值。 –

的代碼工作正常！！我想你還沒有添加jQuery庫！

function valueChanged(){ 
 
     if($('.coupon_question').is(":checked")){ 
 
      document.getElementById("endDiv").style.display = 'block'; 
 
     } 
 

 
     else{ 
 
      document.getElementById("endDiv").style.display = 'none'; 
 
     } 
 
    }

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

 
<div class="form-group col-sm-12" id="myDiv" align="right"> 
 
            <input class="coupon_question" id="theControl" name="cadre_number" type="checkbox" onchange="valueChanged()" value="0"/ > change 
 
            </div> 
 

 
            <div class="form-group col-sm-12" id="endDiv" style="display:none" align="right"> 
 
              <span><label class="radio" id="end1">date</label></span> 
 
              <input class = "radio" value="2016-10-10" checked="" type="date"> 
 

 
              <span><label class="radio" id = "end3">case</label></span> 
 
              <input class = "radio" type="text"> 
 
            </div>

來源

2017-03-14 09:15:41

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
$('#theControl').change(function(){ 
     if(this.checked) 
      $('#myDiv').show(); 
     else 
      $('#endDiv').hide(); 
    }); 
}); 
</script> 
</head> 
<body> 
<div class="form-group col-sm-12" id="myDiv" align="right"> 
    <input class="coupon_question" id="theControl" name="cadre_number" type="checkbox" onchange="valueChanged()" value="0" > change</input> 
</div> 

<div class="form-group col-sm-12" id="endDiv" style="display:none" align="right"> 
    <span><label class="radio" id="end1">date</label></span> 
    <input class = "radio" value="2016-10-10" checked="" type="date"> 
    <span><label class="radio" id = "end3">case</label></span> 
    <input class = "radio" type="text"> 
</div> 
</body> 
</html>

來源

2017-03-15 12:05:47

什麼是錯，此代碼它沒有顯示在div

回答

相關問題