編集:教授に連絡しました。フォーム(教授のウェブサイトなど)でのアクションでは許可されていないため、実際にはこの割り当てでjQueryを使用することは[想定]されていません。とても迅速かつ有益に返信したすべての人にTyvm。したがって、私は純粋なネイティブJSソルンに興味があります。これらの問題を解決するには:
ユーザーがDOM指向の形式で[はい]または[いいえ]ラジオボタンをクリックしたかどうかに基づいて「オンまたはオフ」を切り替えるチェックボックスのグループを取得します。(I:ラジオボタン、II:チェックボックス)のHTMLは次のとおりです。
I:)ラジオボタン
<label> Subscribe to our Mailing List? </label>
<input type="radio" name="raydeo" id="rad1" value="Yes" onclick="subscribe()"></input>
<label>Yes</label>
<input type="radio" name="raydeo" id="rad2" value="No" onclick="subscribe()"></input>
<label>No</label>
II。)チェックボックス
<fieldset>
<legend>Mailing List Subscriptions</legend>
<br />
<input type="checkbox" name="mailinglist" value="Corporate Press Release Emails" id="cor"></input><label> Corporate Press Release Emails</label>
<br />
<input type="checkbox" name="mailinglist" value="Upgrade Software Advertising List" id="sof"></input><label> Upgrade Software Advertising List</label>
<br />
<input type="checkbox" name="mailinglist" value="List given to spammers after buyout" id="lspa"></input><label> List given to spammers after buyout</label>
<br />
<input type="checkbox" name="mailinglist" value="The only non-cynical list" id="cyn"></input><label> The only non-cynical list</label>
<br />
<input type="checkbox" name="mailinglist" value="List to sell to spammers" id="tos"></input><label> List to sell to spammers</label>
<br />
<input type="checkbox" name="mailinglist" value="Spam List" id="spal"></input><label> Spam List</label>
<br />
</fieldset>
ラジオボタンクリックに基づくチェックボックスの設定などの投稿で提供されている理論的根拠を使用します。これはまだjQueryを使用しており、これまでに行った最善の試みは次のとおりです。
<script>
function subscribe(){
//var yesPlease = document.getElementById("rad1");
//var noThx = document.getElementById("rad2");
var arr = new Array["cor", "sof", "lspa", "cyn", "tos", "spal"];
//var hold = document.getElementById(arr[i]);
//if(hold.getAttribute(arr[i]).checked = true && arr[i] >= 1){
//document.getElementById("cor").innerHTML=hold.getAttribute("checked");
var hold = document.getElementsByName("mailinglist")[0];
for(var i = 0; i < arr.length; i++)
{
if(document.getElementById("rad1").checked==true)
{
hold.getAttribute(arr[i]).checked == true;
}
else if(document.getElementById("rad2").checked==true)
{
hold.getAttribute(arr[i]).checked == false;
}
}
}
</script>
ドキュメントを読み込んでどちらかをクリックしても、何も起こりません。役立つ場合は、関連するセクションのスクリーンショットを次に示します。ありがとうございます。