カード払いの見た目を今作っています。
やりたいこととして、カード払いのチェックボタンを押下時にカードの情報を入力するテキストを表示させたいです。
html
1 <form name="test_from"> 2 <label><input type="checkbox" name="payment" onchange="myfunc()"/>カードで支払い</label> 3 <div id="hidden1"> 4 <p>カード表の12桁の数字を入力してください</p> 5 <input type="text" name="cash" value="" placeholder="12桁の数字" > 6 <p>カード裏のPINコードを入力してください</p> 7 <input type="text" name="cash" value="" placeholder="PINコード(3文字)" > 8 </div> 9 </form>
js
1<script> 2 document.getElementById("hidden1").style.display ="none"; 3 4 function Checked(){ 5 var check = document.test_from.all.checked; 6 for (var i=0; i<document.test_from.test.length; i++){ 7 document.test_from.test[i].checked = check; 8 } 9 myfunc() 10 } 11 12 function myfunc() { 13 var check1 = document.getElementById("checkbox").checked; 14 var hidden1 = document.getElementById("hidden1"); 15 16 if(check1 == true){ 17 hidden1.style.display ="block"; 18 } 19 else{ 20 hidden1.style.display ="none"; 21 } 22 } 23 </script>
jsは<body>の最後に書いています。
解答お願いします
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/11/08 13:10