没有隐藏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时取消选中复选框

回答

相关问题