如何從另一個div內的輸入中獲取下一個div

下面的代碼中，input不會更改div「divToFindWithClass」類的div的顯示屬性。問題在哪裏？如何從另一個div內的輸入中獲取下一個div

<div class="col-sm-4"> 
     <label class="radio-inline radio-primary"> 
      <input value="1" type="radio" name="xxxx" class="required styled" onclick="$(this).closest('div').next('.divToFindWithClass').css('display','block');"> 
      Yes 
     </label> 
</div> 
<div class="col-sm-4 divToFindWithClass" style="display: none"> 
     <label>Label</label> 
     <br /> 
     <input name="file" type="file" class="styled"> 
</div>

來源

2014-03-31 Tamer Şengöz

把你的jQuery代碼放在這裏.. –

你可以從輸入的onclick事件定義中看到它。 –

你可以創建一個小提琴來展示這個問題嗎？似乎工作... http://jsbin.com/newimuqi/1/edit?html,output –

試試這個，

<input value="1" type="radio" name="xxxx" class="required styled" onclick="$(this).parents('div').next('.divToFindWithClass').css('display','block');">

來源

2014-03-31 04:10:05

這工作，謝謝 –

這樣做使用jQuery ...

做了一些修改類的名稱，請經過

<script> 
      $(document).ready(function() { 
       $(".requiredstyled").click(function (event) { 
      $(this).closest('div').next('.divToFindWithClass').css('display','block'); 
      }); 
      }); 

     </script> 


<div class="col-sm-4"> 
     <label class="radio-inline radio-primary"> 
      <input value="1" type="radio" name="xxxx" class="requiredstyled" /> 
      Yes 
     </label> 
</div> 
<div class="divToFindWithClass" style="display: none"> 
     <label>Label</label> 
     <br /> 
     <input name="file" type="file" class="styled" /> 
</div>

來源

2014-03-31 04:33:59 Akhil

您還可以使用以下方式=>從HTML中分離JavaScript/jQuery，

<label class="radio-inline radio-primary"> 
    <input value="1" type="radio" name="xxxx" class="required styled" id="inputRadio" > 
    Yes 
</label> 

<script> 
$("#inputRadio").click(function(){ 
    $(this).closest('div').next('.divToFindWithClass').css('display','block'); 
}); 
</script>

來源

2014-03-31 05:10:25

如何從另一個div內的輸入中獲取下一個div

回答

相關問題