0

ラジオボタンがチェックされている場合にのみユーザーがリンクをクリックできるようにするソリューションを探しています。それ以外の場合は、メッセージが表示されます（ポップアップ）。

これが私のコードです：

<div id="rightnav">
        <a href="katan_checklist_walkaroundcheck.html">Next</a></div>
</div>

<li class="radiobutton"><span class="name">Struct. Temp. Indic.> 38°C -not exceed 55°C</span>
            <input name="1" type="radio" value="other" /></li>
            <li class="radiobutton"><span class="name">Airplane Documents - check </span>
            <input name="2" type="radio" value="other" /></li>
            <li class="radiobutton"><span class="name">Flight Control Lock - removed</span>
            <input name="3" type="radio" value="other" /></li>
...
4

5 に答える 5

1 
<script type="text/javascript">
  function enableLink() {
    document.getElementById('nextLink').href = '/katan_checklist_walkaroundcheck.html';
  }

  function displayWarning() {
    alert('You are great fop6316. ;-)');
  }
</script>

<div id="rightnav">
  <a id="nextLink" href="javascript:displayWarning();">Next</a></div>
</div>

<ul>
  <li class="radiobutton">
    <span class="name">Struct. Temp. Indic.> 38°C -not exceed 55°C</span>
    <input name="myradiobutton" type="radio" value="other1" onclick="javascript:enableLink();"/>
  </li>
  <li class="radiobutton">
    <span class="name">Airplane Documents - check </span>
    <input name="myradiobutton" type="radio" value="other2" onclick="javascript:enableLink();" />
  </li>
  <li class="radiobutton">
    <span class="name">Flight Control Lock - removed</span>
    <input name="myradiobutton" type="radio" value="other3" onclick="javascript:enableLink();" />
  </li>
</ul>
于 2012-08-01T07:58:19.893 に答える
1

あなたはこのようなことをすることができます：

var anchor = document.getElementById('a_next');
anchor.onclick = function(event){
    var checked = false;
    for(var i = 1; i < 4; ++i){             
        if (document.getElementsByName(i)[0].checked) {
            checked = true;
        }                 
    }
    return checked;
}

ここで、「a_next」はアンカーのIDです。

jsfiddle

于 2012-08-01T07:50:35.180 に答える
1

jqueryの：checkedセレクターを使用できます。
でそれを呼び出す

$("#id_of_radio_you_wanna_check:ckecked")

、次に変更

$("a#id_of_the_link_you_want_to_be_clickable").attr('href','the_link')

あなたがそれを機能させたいのなら、

$("a#id_of_the_link_you_want_to_be_clickable").attr('href','#')

あなたがそれをブロックしたいなら、そしてすべてがうまくいくはずです。

于 2012-08-01T07:48:25.753 に答える
0 
<head>
<title>radio button</title>
<script type="text/javascript">
function displayResult(browser)
{
    document.getElementById("linkk").href = "http://"+browser+".com"
}
</script>
</head>
<body>
    <a id="linkk"/>Select your favorite browser:</a>
    <form>
    <input type="radio" name="browser" onclick="displayResult(this.value)" value="Firefox">Firefox<br />
    <input type="radio" name="browser" onclick="displayResult(this.value)" value="Opera">Opera<br />
    <input type="radio" name="browser" onclick="displayResult(this.value)" value="Chrome">Google Chrome<br /><br />
</form>
</body>
于 2012-08-01T08:10:32.870 に答える
0

あなたは次のようなものが欲しいです。

$('#mylink').click(function() {
   if($('.radiobtn').is(':checked')) {
     window.location = "katan_checklist_walkaroundcheck.html";
   }else{
     alert ("select atleast a value");
   }
});

これが作業中のフィドルです。

于 2012-08-01T07:59:21.563 に答える