沒有隱藏textarea時取消選中複選框

我有以下代碼：其工作正常，當我點擊被拒絕的複選框時，它顯示textarea但它沒有隱藏它，當我取消選中被拒絕的複選框。沒有隱藏textarea時取消選中複選框

請幫助....

<script type="text/javascript"> 
function checkValue() { 
    var rejected=document.forms["frmcnt"]["ar"].checked 

    if (rejected = 'Rejected') { 
     document.getElementById('xtraInfo').style.display=''; 
    } else { 
     document.getElementById('xtraInfo').style.display='none'; 
    } 
} 
</script> 

Accepted: <input type='checkbox' name='ar' value='Accepted' /> 
Rejected: <input type='checkbox' name='ar' value='Rejected' onClick="return checkValue(this)" /> 

    <div id="xtraInfo" style="text-align:center; display:none; font-weight:bold;"> 
    <center>Rejection Detail:</center><br> 
    <textarea width="900" style="width: 910px; resize:vertical;" name="rejectdt"><?php if($_SERVER['REQUEST_METHOD'] === 'POST') { print_r($_POST['rejectdt']); } ?></textarea> 
    </div>

來源

2013-09-24 usman610

你不使用jQuery在這裏，是什麼？ –

HTML：

Rejected: <input type='checkbox' name='reject' id='reject' value='Rejected' onClick="checkValue()" />

功能：

function checkValue() 
{ 

if(document.getElementById("reject").checked == true) 
{ 
    document.getElementById('xtraInfo').style.display='block'; 
} 
else 
{ 
    document.getElementById('xtraInfo').style.display='none'; 
} 
}

來源

2013-09-24 10:05:00 Ashish

謝謝很多@阿什什 – usman610

乾杯！@ usman610 – Ashish

document.forms["frmcnt"]["ar"].checked回報true或false，更改爲：

if (rejected) { 
    document.getElementById('xtraInfo').style.display='block'; 
} else { 
    document.getElementById('xtraInfo').style.display='none'; 
}

更新::因爲你正在做onClick="return checkValue(this)"，做

function checkValue(obj) { 
    var rejected=obj.checked; 

    if (rejected) { 
     document.getElementById('xtraInfo').style.display='block'; 
    } else { 
     document.getElementById('xtraInfo').style.display='none'; 
    } 
}

演示:: jsFiddle

來源

2013-09-24 10:00:06

它不工作:( – usman610

@ usman610看到更新的答案 –

等於條件語句需要另一個等號。此外，該行你留下一個分號關你定義的拒絕變量

function checkValue() { 
    var rejected = document.forms["frmcnt"]["ar"].checked; 

    if(rejected == 'true') { 
     document.getElementById('xtraInfo').style.display=''; 
    } else { 
     document.getElementById('xtraInfo').style.display='none'; 
    } 
}

來源

2013-09-24 10:02:59 Lance

不能正常工作後把==和分號 – usman610

可能有其他問題與您的代碼，但我沒有，你正在做

if (rejected = 'Rejected') {

通知，而不是的

if (rejected == 'Rejected') {

（兩個等號需要覈對的值）

來源

2013-09-24 10:03:07 mavrosxristoforos

它不顯示，即使當我把== – usman610

<script type="text/javascript"> 
    function checkValue() { 
     var rejected=document.forms["frmcnt"]["ar"].checked 

     if (rejected = 'Rejected') { 
      document.getElementById('xtraInfo').style.display=''; 
     } 
else if(rejected==false) 
{ 
document.getElementById('TextContent').style.display='none'; 
} 
else { 
      document.getElementById('xtraInfo').style.display='none'; 
     } 
    } 
    </script> 

    <textarea width="900" style="width: 910px; id="TextContent" resize:vertical;" name="rejectdt">

來源

2013-09-24 10:06:50 Punitha

沒有隱藏textarea時取消選中複選框

回答

相關問題