次の場合はラジオボタンを確認してください

debugcn 投稿 Dev

JCD

入力フィールドに応じてラジオボタンを選択したい。これは非常に単純に見えますが、機能していません。基本的に、ユーザーはフォームに入力し、州の入力フィールドに応じて、州税のラジオボタンを選択します。

以下のコードは、何らかの理由で起動していません、何かアイデアはありますか？

入力フィールド

<div class="form-group">
 <label for="state" class="col-sm-3 control-label">State</label>
  <div class="col-sm-9">
    <input type="text" class="form-control" id="state" name="state" placeholder="State" onblur="picktax();" required />
  </div>
</div>

ラジオボタン

<div class="form-group">
<label for="emailaddress" class="col-sm-3 control-label">Tax</label>
<div class="col-sm-9">
    <br>
    <div class="col-sm-9">
        <label class="checkbox-inline">
            <input type="radio" class="px" name="tax2" id="radio1" class="radio" value="0" / />
            <span class="lbl">Tax Exempt</span>
        </label>
        <br>
    </div>
    <div class="col-sm-9">
        <label class="checkbox-inline">
            <input type="radio" class="px" name="tax2" id="radio2" class="radio" value="0.0875" />
            <span class="lbl">NYC 8.875%</span>
        </label>
        <br>
    </div>
    <div class="col-sm-9">
        <label class="checkbox-inline">
            <input type="radio" class="px" name="tax2" id="radio3" class="radio" value="0.08625" />
            <span class="lbl">LI 8.625%</span>
        </label>
        <br>
    </div>
    <div class="col-sm-9">
        <label class="checkbox-inline">
            <input type="radio" class="px" name="tax2" id="radio4" class="radio" value="0.07" />
            <span class="lbl">NJ 7%</span>
        </label>
        <br>
    </div>
    <div class="col-sm-9">
        <label class="checkbox-inline">
            <input type="radio" class="px" name="tax2" id="radio5" class="radio" value="0.06" />
            <span class="lbl">Philly 6%</span>
        </label>
        <br>
    </div>
    <div class="col-sm-9">
        <label class="checkbox-inline">
            <input type="radio" class="px" name="tax2" id="radio6" class="radio" value="0.0635" />
            <span class="lbl">CT 6.35%</span>
        </label>
        <br>
    </div>
</div>

スクリプト

<script>
function picktax() {

var statevalue = document.getElementById('state').value;
var nyvalue = "NY";
var livalue = "LI";
var njvalue = "NJ";

if (statevalue == nyvalue) {

$("#radio2").prop("checked", true)

} elseif (statevalue == livalue) {

$("#radio3").prop("checked", true)

} elseif (statevalue == njvalue) {

$("#radio4").prop("checked", true)


} else {

 alert("test");
}

}
</script>

更新されましたが、まだ起動していません

ムーブ

あなたの例は、あなたがJavaScriptに慣れていないことを示しているので、私はこのようにコーディングすることはしませんが、ここにあなたのコードが十分に修正されています。

コメントで述べたように、elseifJSにはキーワードがないため、評価にはdoubleまたはtripleequals演算子を使用する必要があります。

それにもかかわらず、あなたは実行可能な何かに近づいていました。

function picktax() {

var statevalue = document.getElementById('state').value;
var nyvalue = "NY";
var livalue = "LI";
var njvalue = "NJ";

if (statevalue == nyvalue) {

$("#radio2").prop("checked", true)

} else if (statevalue == livalue) {

$("#radio3").prop("checked", true)

} else if (statevalue == njvalue) {

$("#radio4").prop("checked", true)

} else {

 alert("test");
}

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
 <label for="state" class="col-sm-3 control-label">State</label>
  <div class="col-sm-9">
    <input type="text" class="form-control" id="state" name="state" placeholder="State" oninput="picktax();" required />
  </div>
</div>

<div class="form-group">
<label for="emailaddress" class="col-sm-3 control-label">Tax</label>
<div class="col-sm-9">
    <br>
    <div class="col-sm-9">
        <label class="checkbox-inline">
            <input type="radio" class="px" name="tax2" id="radio1" class="radio" value="0" / />
            <span class="lbl">Tax Exempt</span>
        </label>
        <br>
    </div>
    <div class="col-sm-9">
        <label class="checkbox-inline">
            <input type="radio" class="px" name="tax2" id="radio2" class="radio" value="0.0875" />
            <span class="lbl">NYC 8.875%</span>
        </label>
        <br>
    </div>
    <div class="col-sm-9">
        <label class="checkbox-inline">
            <input type="radio" class="px" name="tax2" id="radio3" class="radio" value="0.08625" />
            <span class="lbl">LI 8.625%</span>
        </label>
        <br>
    </div>
    <div class="col-sm-9">
        <label class="checkbox-inline">
            <input type="radio" class="px" name="tax2" id="radio4" class="radio" value="0.07" />
            <span class="lbl">NJ 7%</span>
        </label>
        <br>
    </div>
    <div class="col-sm-9">
        <label class="checkbox-inline">
            <input type="radio" class="px" name="tax2" id="radio5" class="radio" value="0.06" />
            <span class="lbl">Philly 6%</span>
        </label>
        <br>
    </div>
    <div class="col-sm-9">
        <label class="checkbox-inline">
            <input type="radio" class="px" name="tax2" id="radio6" class="radio" value="0.0635" />
            <span class="lbl">CT 6.35%</span>
        </label>
        <br>
    </div>
</div>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]