Question

Working code in JSFIDDLE

I have put the complete code in JSFiddle, the problem is that it fetches the val of the first input box, but doesn’t fetch the content where the checkbox is 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

Replace your $.each function with this

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

and it should work.

But I must stress however, that you listen to what the guys above are saying, to prevent future errors from occurring.