Переход при нажатии на checkbox

Тогда jquery в помощь...

<input class="url_go" type="checkbox" value = "slon"> слон

<input class="url_go" type="checkbox" value = "belka"> белка

<input class="url_go" type="checkbox" value = "belka/alleana"> белка породы "Аллеана"

<script>

$(document).ready(function(){

$(".url_go").on("click", function(){

var url_part=$(this).val();

document.location.href="www.site.ru/animals/"+url_part+".htm";

});

});

</script>

Не переходит:(

window.location.href

по мне тут лучше использовать radio<br>
  <input name=animals1 type=radio onclick="location.href='http://www.site.ru/animals/slon.htm'"> слон
  <input name=animals1 type=radio onclick="location.href='http://www.site.ru/animals/belka.htm'"> белка
  <input name=animals1 type=radio onclick="location.href='http://www.site.ru/animals/belka/alleana.htm'"> белка породы "Аллеана"
  <br><br><hr>если такой вариант не нравится то<br>
  <script>
  function Go(lnk){
    location.href='http://www.site.ru/animals/'+lnk+'.htm';
  }
  </script>
    <input name=animals2 type=radio onchange="Go('slon')"> слон
    <input name=animals2 type=radio onchange="Go('belka')"> белка
    <input name=animals2 type=radio onchange="Go('belka/alleana')"> белка породы "Аллеана"
  <br><br><hr>или<br>
  <script>
  function Send(lnk){
    var form=document.getElementById('form-animals');
    form.action='http://www.site.ru/animals/'+lnk+'.htm';
    form.submit();
  }
  </script>
  <form id=form-animals method=post>
    <input type=radio onchange="Send('slon')"> слон
    <input type=radio onchange="Send('belka')"> белка
    <input type=radio onchange="Send('belka/alleana')"> белка породы "Аллеана"
  </form>

ArbNet, Меня бы в компании, где можно филонить за такой код бы просто убили! Что за хардкод???

$('input[type="checkbox"]').change(function(){

window.location.href='http://www.site.ru/animals/'+$(this).val()+'.htm';

});

ArbNet, старайтесь так никогда не делать иначе потом задолбаетесь что-то добавлять или убирать в случае необходимости.

самый оптимальный результат, это повесить обработчик с учетом дерева

$('body form').on('change', 'input[name="animals2"]', function(){ /*code here*/ });

такая конструкция позволяет перехватывать даже динамически-создаваемые элементы

а дальше параметры задавать или через value или на худой конец через data-аттрибут.

---------- Добавлено 05.02.2020 в 14:48 ----------

зы.

и еще... не надо говнокода. убирайте значения аттрибутов в кавычки

возьмите за правило писать

<input name="animals2" type="radio" data-value="3">

<input name=animals2 type=radio data-value=3>

иначе однажы, когда нужно будет добавить какой-нибудь текст с пробелом в аттрибут, вы огребете немало проблем

Я просто напросто показал как можно сделать без джквери :) что действительно хардкор..

Предложите ТС свой вариант не хардкора :) трындите только. Я б такого как вы вообще на работу не взял, сочувствую вашему работодателю.

Вы думаете я не знаю о пробелах в атрибутах? Когда они присутствуют или код генерируется, кавычки ставятся. А когда указывается значение без пробела и оно статично, тогда они не обязательны. Это не говно код, это логика программирования. Не учите людей элементарным вещам, не будьте снобом :)

Всем спасибо!

Получилось!

Чекбокс не для этого служит.