function count() {
    $("input:radio")[1].html = alert("We're from the same site");
    $("input:radio")[0][2][3].html = alert("We are not from the same site");
}
<html>
<head>

<title>jQuery Script</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>    <script type="text/javascript" language="javascript">



    </script>

  </head>
    <body>
  <h1>Select one campus</h1>
  <form>
      <input id="Belfast" type="radio"> Belfast 
      <input id="Jordanstown" type="radio"> Jordanstown
      <input id="Magee" type="radio"> Magee
      <input id="Coleraine" type="radio"> Coleraine
      <br> <br>
      <input type = "button" value="Count" onclick="count()">
  </form> 

  <input type="button" value="Reload page" onclick="reloadPage()">

  </body>
</html>

Кто-нибудь может мне помочь с этим куском кода? Сейчас я изучаю jQuery и пытаюсь создать скрипт jQuery, чтобы проверить, находится ли посетитель в том же университетском городке, что и я. Я использую следующий код:

Когда я выбираю вторую опцию на экране, она работает, как и ожидалось, но для любой другой, она, похоже, дает мне точно такое же окно предупреждения, как это:

Выбор правильного сайта кампуса

Выбор любого другого сайта кампуса из списка.

Я думаю, что ошибка лежит где-то в моей функции count (), но я не вижу, в чем проблема:

   function count() {
        $("input:radio")[1].html = alert("We're from the same site");
        $("input:radio")[0][2][3].html = alert("We are not from the same site");
     }
0
Aaron Martin 2 Мар 2018 в 18:23

4 ответа

Попробуйте это вместо этого ..

< Сильный > JS

// on click of input with value of Count
$("input[value='Count']").click(function() {
  // if school is yours
  if ($('#Jordanstown').prop('checked')) {
    alert("We're from the same site");
  // else, all other schools are not yours
  } else {
    alert('We are not from the same site');
  }
})
// i didnt play with this
function reloadPage() {
  location.reload();
}

< Сильный > HTML

  <h1>Select one campus</h1>
  <form>
      <input id="Belfast" type="radio">Belfast
      <input id="Jordanstown" type="radio">Jordanstown
      <input id="Magee" type="radio"> Magee
      <input id="Coleraine" type="radio"> Coleraine
      <br> <br>
      <input type="button" value="Count">
  </form> 

  <input type="button" value="Reload page" onclick="reloadPage()">

< Сильный > скрипку

https://jsfiddle.net/tbp3y9kf/13/

0
Hastig Zusammenstellen 2 Мар 2018 в 15:45

Вам нужно добавить атрибут имени, чтобы выбрать только один из них одновременно, например, группу переключателей. Проверьте код ниже

function count(){
  $("input[type=radio]:checked").each(function(){
    if($(this).prop('id') === "Belfast"){
     alert("We're from the same site");
    }
    else{
      alert("We are not from the same site");
    }
  });
}

function reloadPage(){
 location.reload();
}
<html>
<head>

<title>jQuery Script</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>   
  </head>
    <body>
  <h1>Select one campus</h1>
  <form>
      <input id="Belfast" name="uni" type="radio"> Belfast 
      <input id="Jordanstown" name="uni" type="radio"> Jordanstown
      <input id="Magee" name="uni" type="radio"> Magee
      <input id="Coleraine" name="uni" type="radio"> Coleraine
      <br> <br>
      <input type = "button" value="Count" onclick="count()">
  </form> 

  <input type="button" value="Reload page" onclick="reloadPage()">

  </body>
</html>
0
Niladri 2 Мар 2018 в 15:43
<html>
<head>

<title>jQuery Script</title>


  </head>
    <body>
  <h1>Select one campus</h1>
  <form>
      <input id="Belfast" value="Belfast" name="campus" type="radio"> Belfast 
      <input id="Jordanstown" value="Jordanstown" name="campus" type="radio"> Jordanstown
      <input id="Magee" value="Magee" name="campus" type="radio"> Magee
      <input id="Coleraine" value="Coleraine" name="campus" type="radio"> Coleraine
      <br> <br>
      <input type = "button" value="Count" id="count">
  </form> 

  <input type="button" value="Reload page" id="reload">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" language="javascript">

    $('#count').click(function() {
    var campus = $("input[name='campus']:checked");
    if(campus.length > 0){
      if(campus.val()=="Belfast") alert('same campus');
      else alert('different campus')
    }
     });

    $('#reload').click(function() {
        location.reload();
     });

    </script>

  </body>
</html>
2
plonknimbuzz 2 Мар 2018 в 15:35
function count() {
    var selectedCampus = $("input[name=campus]:checked").val();

    if(typeof selectedCampus === "undefined") {
      alert("Select a campus");
      return;
    }

    var myCampus = "jordanstown";

    if(selectedCampus === myCampus){
      alert("We're from the same site");
    } else {
      alert("We are not from the same site");
    }
}
<html>
<head>

<title>jQuery Script</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>    <script type="text/javascript" language="javascript">



    </script>

  </head>
    <body>
  <h1>Select one campus</h1>
  <form>
      <input id="Belfast" name="campus" value="belfast" type="radio"> Belfast 
      <input id="Jordanstown" name="campus" value="jordanstown" type="radio"> Jordanstown
      <input id="Magee" name="campus" value="magee" type="radio"> Magee
      <input id="Coleraine" name="campus" value="coleraine" type="radio"> Coleraine
      <br> <br>
      <input type = "button" value="Count" onclick="count()">
  </form> 

  <input type="button" value="Reload page" onclick="reloadPage()">

  </body>
</html>
0
Omar Muscatello 2 Мар 2018 в 15:43