0

1 つのラジオ ボタンが選択されたときに何も起こらないように、javascript を使用する必要があります。

通りの郊外の郵便番号

これを投稿している間、おそらく同様の方法ですが、チェックボックスとテキストボックスがある場合、チェックボックスがオンになっている場合にのみテキストボックスを空のままにしないようにするにはどうすればよいですか...

みんな、ありがとう！！！！必要に応じて詳細を尋ねてください。私は物事を説明するのが苦手です!

4

3 に答える 3

1

/* 従業員の詳細ページでラジオの検証を確認するには */

function editPage()
{
var select=document.frmEmployeeDetails.radSelect;
if (radioValidate(select,"Select an Employee"))
      {
window.open("EditEmployee`enter code here`.html","_self");
      }
return false;
}

この例があなたの友人に役立つことを願っています.

于 2012-05-09T09:24:29.197 に答える
0

あなたが言わなかったので、jQueryを使用している可能性があると思います。そうでない場合でも、概念を取り入れて、プレーンな古い JavaScript または使用しているものに移植できます。

マークアップの例

<form id="address-form">
 <input type="radio" name="validate" id="validate_address" value="yes"> Validate<br>
 <input type="radio" name="validate" value="no"> Don't Validate<br>
 Street <input name="street"><br>
 Suberb <input name="suberb"><br>
 Postcode <input name="postcode"><br>
 <input type="submit">
</form>​​​​​

条件付き検証

タグ内のページのどこか、<script>または含める JavaScript ファイルのいずれかで、検証を行う前にラジオ入力の値をチェックする送信イベントを作成します。

$('#address-form').submit(function(event) {
    if ($('input[name=validate]:checked').val() === 'yes') {
        if (!formValid()) {
            event.preventDefault(); // Don't submit the form
        }
    }
});

// Perform validations
function formValid() {
    if ($('input[name=street]').val().length == 0) {
        // tell them ...
        return false;
    }
    if ($('input[name=suberb]').val().length == 0) {
        // tell them ...
        return false;
    }
    if ($('input[name=postcode]').val().length == 0) {
        // tell them ...
        return false;
    }

    return true;
}

それでうまくいくはずです！

必要に応じてさらにいじることができるjsfiddleを作成しました- http://jsfiddle.net/nilbus/JNnuX/2/

代わりにチェックボックスを使用する

チェックボックスを使用するのとよく似ています。これの代わりに

    if ($('input[name=validate]:checked').val() === 'yes') {

チェックボックスがオンになっているかどうかを確認してください。

    if ($('input[name=validate]').attr('checked')) {

http://jsfiddle.net/nilbus/JNnuX/3/

于 2012-05-03T04:12:48.780 に答える
0

ラジオ ボタンをクリックすると、ラジオ ボタンがチェックされるため、ラジオ ボタンの 1 つに onClick イベントを追加し、もう 1 つには追加できません。

<input type='radio' id='test' name='test-1' />
<input type='radio' id='test' name='test-2'onClick='Validate();'/>

チェックボックスの場合、ユーザーがチェックボックスをオンにすると、フォーカスをテキスト入力フィールドに設定する必要があります。そうすれば、ユーザーがそのフィールド (onBlur) から離れた場合に、テキストを入力するようにエラー/アラートを与えることができます。

<input type='checkbox' id='testChkbx' name='testChkbx' onClick=' /*Set the focus to the text box*/'/>

<input type='text' id='testText' name='testText' onBlur='/* Check to make sure the value of the checkbox is not empty. */'/>
于 2012-05-03T03:01:55.450 に答える