复选框函数只能在php的第一行使用

Question

我有一个模态，在这个模态中，我有一个复选框，复选框函数只能用于第一行表

代码是这样的，复选框功能工作，但只在表的第一行，从此模态过程不工作，我试过添加

<?php echo $data['id_user']; ?> 

的ID，但它仍然不工作。

<div class="form-group">
<label for="ubah_password">Ubah Password</label>
<div class="form-group">
<input type="checkbox" id="ubah_password" name="ubah_password" value="1">
<label class="prevent-select" for="ubah_password"> Ya, saya ingin mengubah password</label>
</div>
</div>
<div id="form_password" style="display: none;">
<div class="form-group">
<label for="editPassAdmin">Password Baru</label>
<input type="password" class="form-control form-control-sm" id="editPassAdmin" name="editPassAdmin" placeholder="Masukkan password baru">
</div>
<div class="form-group">
<label for="password_confirm">Konfirmasi Password</label>
<input type="password" class="form-control form-control-sm" id="password_confirm" name="password_confirm" placeholder="Masukkan kembali password baru">
</div>
</div>
<script>
var checkbox = document.getElementById("ubah_password");
var formPassword = document.getElementById("form_password");
checkbox.addEventListener("change", function() {
if (this.checked) {
formPassword.style.display = "block";
} else {
formPassword.style.display = "none";
}
});
</script>

Answer 1

HTML ID属性被设计为唯一的，所以即使你重复它，你也需要选择它们，然后在你的JavaScript中单独加载模态。

此外，name属性应该足够独特，以便您的表单PHP代码能够告诉您正在更改的密码。

例如，您可以将ID属性更改为如下内容:

id="ubah_password[<?php echo $data['id_user']; ?>]"