形式动态显示元素

我有这样的形式：形式动态显示元素

<form> 
     <div class="box"> 
      <h1>Contact form :</h1> 
      <label> 
       <span>Typ: </span> 
       <input type="radio" name="typ" value="admin" />admin<br /> 
       <input type="radio" name="typ" value="user" />user<br /> 
      </label> 
      <label> 
       <span>E-mail :</span> 
       <input type="text" class="post" name="email" id="email"/> 
      </label> 
      <label> 
       <span>Subject :</span> 
       <input type="text" class="post" name="subject" id="subject"/> 
      </label> 

      <label> 
       <span>If admin :</span> 
       <input type="text" class="post" name="ifadmin" id="ifadmin"/> 
      </label> 

     </div> 
    </form>

如何做这样的事情：如果我选择第一个单选“管理”是与jQuery的“ifadmin”动态显示，如果我选择“用户“不显示？

来源

2012-06-25 query_gif

你的问题很难理解你能改说吗？ –

是的，请尝试解释更好。 – Cranio

你有什么尝试？由于这是作业，我宁愿不提供完整的代码解决方案，但是您需要的一般说明是为单选按钮创建单击处理程序，以检查单击的按钮是否为“管理员”，如果是，则使用“ .show（）'使管理元素出现，否则使用'.hide（）'使管理元素消失。（提示：如果你给标签元素一个id来选择它，操作管理元素可能会更容易。） – nnnnnn

给该ID = 'ifadmin' 到ifadmin的<label>，并把这个代码只是上面的形式，或在头部。

<script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 

$("input:radio[name=typ]").click(function() { 
    if($(this).val()=="admin") 
    $("#ifadmin").css("display","none"); 
    else 
    $("#ifadmin").css("display","block"); 
}); 




    }); 
    </script>

来源

2012-06-25 07:27:03

谢谢@Bhavin Rana，谢谢大家！ –

最受欢迎！：d –

你可以用下面的代码来做到这一点。把一个class或id（这将使它更容易使用jQuery操纵）的ifadmin标签上像

<label class="ifadmin"> 
       <span>If admin :</span> 
       <input type="text" class="post" name="ifadmin" id="ifadmin"/> 
      </label>

和show/hide，关于change回调收音机。

$('input[name=typ]').on('change',function(){ 
     if($(this).val() == 'admin') 
      $('.ifadmin').show(); 
     else 
      $('.ifadmin').hide();   
    });

演示：http://jsfiddle.net/joycse06/dSEzE/

了解更多关于.show()和.hide()

来源

2012-06-25 07:22:21

@CoDeaDDict，这就是为什么我建议他添加一个id或class并将其添加到小提琴中。 –

Read this

JAVASCRIPT

function pilihanmu(){ 
    var val = 0; 
    for(i = 0; i < document.contoh.pilihan.length; i++){ 
     if(document.contoh.pilihan[i].checked == true){ 
      val = document.contoh.pilihan[i].value; 
      if(val=='3'){ 
       document.contoh.opsional.disabled = false;  
      } 
      else{ 
       document.contoh.opsional.disabled = true; 
      } 
     } 
    } 
}

HTML

<form name="contoh"> 
    <input type="radio" name="pilihan" value="1" onclick="pilihanmu()"> Google<br> 

    <input type="radio" name="pilihan" value="2" onclick="pilihanmu()"> Momonimo<br> 

    <input type="radio" name="pilihan" value="3" onclick="pilihanmu()"> Lainnya..<br> 

      <input type="text" name="opsional" class="text" disabled="">    
</form>

来源

2012-06-25 07:22:34

形式动态显示元素

回答

相关问题