In diesem Code habe ich mehrere Kontrollkästchen, dh name="recruiter_id"mit mehreren Senden-Schaltflächen. Was passiert nun, wenn ich auf die Schaltfläche zum Senden der ersten Zeile klicke, werden Daten alarmiert, aber wenn ich auf die Schaltfläche zum Senden der letzten Zeile klicke, wird falsch angezeigt. recruiter_idIch weiß nicht warum? Also, wie kann ich verschiedene recruiter_id onclickunterschiedliche Senden-Buttons bekommen? Bitte hilf mir.
<?php
foreach($wishlist as $row)
{
?>
<tr>
<td>
<input type="checkbox" name="recruiter_id" value="<?php echo $row['rid']; ?>" class="recruiter_id">
</td>
<td>
<input type="submit" id="<?php echo $row['job_id']; ?>" class="btn btn-danger job_id" value="Assign" />
</td>
</tr>
<?php
}
?>
<script>
$(document).ready(function() {
$(".job_id").click(function(e){
e.preventDefault();
job_id = this.id;
recruiter_id = $("input[name='recruiter_id']:checked").val();
alert(job_id);
alert(recruiter_id);
});
});
</script>
Ändern Sie zunächst die Art der Eingabe in buttonanstatt zu senden:
<input type="button" id="<?php echo $row['job_id']; ?>" data-val="<?php echo $row['rid']?>" class="btn btn-danger job_id" value="Assign" />
Dann in dem Click - Ereignis an die Mutter steigen trund überprüfen id das zugehörige Kontrollkästchen aktiviert ist mit .closest()und :checkedwie:
$(document).ready(function() {
$(".job_id").click(function(e) {
e.preventDefault();
var job_id = this.id;
var recruiter_id = $(this).closest('tr').find("input[name='recruiter_id']:checked").val();
console.log('job ID : ' + job_id + ' --- Recruiter ID:' + recruiter_id);
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table border=1>
<tr>
<td>
<input type="checkbox" name="recruiter_id" value="1" class="recruiter_id">1
</td>
<td>
<input type="button" id="1" class="btn btn-danger job_id" value="Assign" />
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="recruiter_id" value="2" class="recruiter_id">2
</td>
<td>
<input type="button" id="2" class="btn btn-danger job_id" value="Assign" />
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="recruiter_id" value="3" class="recruiter_id">3
</td>
<td>
<input type="button" id="3" class="btn btn-danger job_id" value="Assign" />
</td>
</tr>
</table>Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.
Bei Verstößen wenden Sie sich bitte [email protected] Löschen.
Lass mich ein paar Worte sagen