查找最接近的输入文本类型的值使用jquery复选框

Question

Working code in JSFIDDLE

我已经把完整的代码JSFiddle，问题是，它获取第一个输入框val，但不获取内容checkbox是checked？

的Html

<div class="gallery_content_wrap"> 
<!-- video wrap--> 

<div class="gallery_photo_wrap"> 
    <div class="gallery_bg_wrap"> 
    <input type="hidden" value="10" name="selectypeaccept"> 
    <input type="hidden" value="photos" name="subadmintypeaccept"> 

     <div name="photosacceptdiv" class="gallery_bg"> <img width="200px" border="0" height="148px" src="http://farm8.staticflickr.com/7180/6846918679_7891edd209_t.jpg"> 
<br> <input type="text" value="" id="phototitle"> <input type="checkbox" value="1d7457596c0f202ae373de1737bb0e4a.png" name="photosaccept"> 
     </div> 

    </div> 
</div> 
<!-- video wrap--> 

<div class="gallery_photo_wrap"> 
    <div class="gallery_bg_wrap"> 
    <input type="hidden" value="10" name="selectypeaccept"> 
    <input type="hidden" value="photos" name="subadmintypeaccept"> 

     <div name="photosacceptdiv" class="gallery_bg"> <img width="200px" border="0" height="148px" src="http://farm7.staticflickr.com/6186/6054843777_4e90c30827_t.jpg"> 
<br> <input type="text" value="" id="phototitle"> <input type="checkbox" value="3.png" name="photosaccept"> 
     </div> 

    </div> 
</div> 
<!-- video wrap--> 

<div class="gallery_photo_wrap"> 
    <div class="gallery_bg_wrap"> 
    <input type="hidden" value="10" name="selectypeaccept"> 
    <input type="hidden" value="photos" name="subadmintypeaccept"> 

     <div name="photosacceptdiv" class="gallery_bg"> <img width="200px" border="0" height="148px" src="http://farm8.staticflickr.com/7021/6846957961_779518a6c5_t.jpg"> 
<br> <input type="text" value="" id="phototitle"> <input type="checkbox" value="9d0757dd339b0b1afa3aabe6b1a50cda.png" name="photosaccept"> 
     </div> 

    </div> 
</div> 
<!-- video wrap-->  

<div class="gallery_photo_wrap"> 
    <div class="gallery_bg_wrap"> 
    <input type="hidden" value="10" name="selectypeaccept"> 
    <input type="hidden" value="photos" name="subadmintypeaccept"> 

     <div name="photosacceptdiv" class="gallery_bg"> <img width="200px" border="0" height="148px" src="http://farm8.staticflickr.com/7181/6858152461_91dd47bfc8_t.jpg"> 
<br> <input type="text" value="" id="phototitle"> <input type="checkbox" value="26a70bb20de5d595d2fde46abbc740f8.png" name="photosaccept"> 
     </div> 

    </div> 
</div> 
<!-- video wrap-->    

</div><div align="center"><input type="submit" name="submitaccept" value="Approve"/><input type="submit" name="submitacceptreload" value="Reload"/> 
</div> 

jQuery的

$("[name=submitaccept]").click(function(){ 
    checktype(); 
}); 

function checktype(){ 
    $("[name=photosaccept]").each(function() {  
     if ($(this).is(':checked')) { 
      $phototitle=$(this).val(); 
      alert($("#phototitle").val()); 
      $photoname = $("#phototitle").val(); 
     } 
    });    
}​ 

Answer 1

与此

$("[type=checkbox]").each(function() { 
    if($(this).is(':checked')){ 
     alert($(this).closest("div.gallery_bg").find("input[type=text]").val()); 
    } 
}); 

更换你$.each功能，它应该工作。

但是我必须强调，然而，你听听上面的人说什么，以防止未来的错误发生。

Answer 2

所以，很多事情错了...
每个复选框的name应该是唯一的，否则你应该把它作为一个组，name="group[]"。与id相同，它们应该是唯一的，并且您使用的许多id="phototitle"。这可能是您的代码无法正常工作的原因。当你想这样做

$photoname = $("[name=phototitle]").val(); 

：那你在做这个

$photoname = $("#phototitle").val(); 

等等，等等......我怕你可能需要重新考虑整个事情。