私はこのjQueryコードを持っています:
jQuery( document ).ready( function( $ ) {
$('#myform').submit( function() {
if ($('#myform input').is(':checked')) {
} else {
//alert('Checkbox is not checked!!');
window.location.replace("http://example.com/product-comparisons/?product-skus=0");
}
});
});
このURLにリダイレクトしたい:
http://example.com/product-comparisons/?product-skus=0
ユーザーがチェック項目なしでチェックボックスをクリックした場合。
私はこの提案に基づいて上記のコードを試しました:JavaScript / jQueryで別のWebページにリダイレクトする方法は?
しかし、それはうまくいきません。ご意見やご提案をいただければ幸いです。ありがとうございました!
更新:これは私のHTMLコード/フォームです:
<form action="/product-comparison/" id="myform">
<ul>
<li>
<input type="checkbox" name="product-skus[]" value="1" id="mycheckbox">
<a href="http://example.com/product/translator/">Translator</a>100<img width="150" height="150" title="View product" style="" alt="View product" class="attachment-thumbnail" src="http://example.com/wp-content/uploads/2012/12/pic1-150x150.jpg"></li>
<li><input type="checkbox" name="product-skus[]" value="2" id="mycheckbox">
<a href="http://example.com/product/arrows/">Arrows</a>120<img width="150" height="150" title="View product" style="" alt="View product" class="attachment-thumbnail" src="http://example.com/wp-content/uploads/2012/12/pic2.jpg"></li></ul>
<input type="submit" value="Compare">
</form>
ただし、この診断コード(アラートを使用してjQueryが正しいロジックに到達していることを確認する)が完全に機能しているため、セレクターは正しいと思います。
jQuery( document ).ready( function( $ ) {
$('#myform').submit( function() {
if ($('#myform input').is(':checked')) {
alert('Checkbox is checked, do nothing');
} else {
alert('Checkbox is not checked!!, do the redirects');
}
});
});