2

読み込み時に HTML テキスト入力を非表示にしようとしていますが、ラジオ ボタンをオンにするとフォームが表示されます。

http://pastie.org/private/ah39ul5h4jtmlntkbmmda

ページの読み込み時にフィールドを非表示にする必要があるだけです。

<form action="profile_edit_gravatar.php" method="post">
    <label class="radio inline">
        <input type="radio" <?php if($row[16]=='account') {echo ' checked';}?> onload="this.form.otheremail.style.visibility='hidden';" onclick="
            if (this.checked) {
            this.form.otheremail.style.visibility='hidden';
            } else {
            this.form.otheremail.style.visibility='visible';
            }
            return true;
        ">
        Use <?php echo $row[3];?>
    </label>
    <input type="text" name="otheremail">
</form>
4

3 に答える 3

1

ラジオとフィールドに ID を付与するのはどうでしょうか。実際にはそれほど重要ではありませんが、getElementsByName を使用するスクリプトを作成しました...

デモ

<?php $hide = $row[16]=='account'; ?>
<style>
<?php if ($hide) { echo '#otheremail {visibility:hidden;}'; ?>
</style>
<script>
 window.onload=function() {
   var rads = document.getElementsByName("gravatarradios");
   rads[0].onclick=rads[1].onclick=function() {
     this.form.otheremail.style.visibility=(this.value=="Use")?'hidden':'visible';
   }
   if (<?php echo $hide; ?>) rads[0].click(); else rads[1].click();
 }
 </script>

HTML

<form action="profile_edit_gravatar.php" method="post">
<label class="radio" for="gravatarradios1">
    <input type="radio" name="gravatarradios" id="gravatarradios1" value="Use">
    Use     </label>
<label class="radio" for="gravatarradios2">
    <input type="radio" name="gravatarradios" id="gravatarradios2" value="Use other">
    Use another email:
</label>
<input type="email" name="otheremail" id="otheremail" placeholder="Gravatar email address">
</form>
于 2013-03-30T17:46:44.120 に答える
0

CSSでスタイリングできます。これにより、デフォルトですべての入力が非表示になります。

input {
    visibility: hidden;
}
于 2013-03-30T17:42:25.593 に答える
0

入力要素の onload イベントはありません。デフォルトで CSS を使用して要素を非表示にし、ラジオ ボックスがクリックされたときに要素を操作できます。

もう 1 つのオプションは、body に onload を使用することです。

<body onload="document.forms[0].otheremail.style.visibility='hidden';" >
于 2013-03-30T17:49:44.987 に答える