Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Bagaimana caranya agar ketika pilih option 1 text boxnya menjadi reqired dan jika option 2 requirednya off,
- Sudah nyoba kya gini tpi keduanya tetap aktif required.
- <script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
- <form method="post" action="">
- <input type="radio" name="option" value="option1" onclick="toggleTextBox(this)"> Option 1
- <input type="radio" name="option" value="option2" > Option 2
- <input type="text" placeholder="Setting auto required berdasarkan radio 1" id="myTextBox">
- </form>
- <script type="text/javascript">
- function toggleTextBox(radioButton) {
- var textBox = document.getElementById("myTextBox");
- textBox.required = radioButton.checked;
- }
- </script>
Advertisement
Comments
-
- Sudah berhasil dengan cara seperti di bawah ini, terima kasih guys.
- <script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
- <form method="post" action="" onSubmit="return validateForm(this)">
- <input type="radio" onclick="setJumlahBayar()" name="option" value="Cash" > Cash
- <input type="radio" onclick="setJumlahBayar()" name="option" value="Transfer" > Transfer
- <input type="text" name="bayar" id="bayar">
- <input type="submit" name="save" id="save" value="save">
- </form>
- <script language="javascript">
- function validateForm() {
- var bayar = document.querySelector('input[name="bayar"]');
- var jenisBayar = document.querySelector('input[name="option"]:checked');
- if (bayar.value === '' && jenisBayar.value === 'Cash') {
- alert("Anda belum mengisikan Jumlah bayar");
- bayar.focus();
- return false;
- }
- return true;
- }
- document.querySelector('form').addEventListener('submit', function() {
- return validateForm();
- });
- function setJumlahBayar() {
- var jenisBayar = document.querySelector('input[name="option"]:checked');
- var data = {
- "Cash":'' ,
- "Transfer": '0'
- };
- document.querySelector('input[name="bayar"]').value = data[jenisBayar.value];
- }
- document.querySelector('input[name="option"]').addEventListener('change', setJumlahBayar);
- </script>
Add Comment
Please, Sign In to add comment