javascript - 将类添加到函数 goForit()

Question

我有以下代码：

function goForit() {
  var passwd;
  passwd = document.forms['giftForm'].pass.value;
  if(passwd=="yes"){
  window.open ('eat.html','_self',false)
  }
  else{
  alert('Password wrong');
  }
}

<form id="giftForm">        
    <input type="text" id="pass" placeholder="" style="font-size:150%;"/>
    <br />
    <input type="button" onClick="goForit()" value="Submit" style="font-size:100%; margin-top:15px;" />                 
 </form>

如果有人输入“是”作为密码并单击提交按钮。用户将被重定向到eat.html 页面。

我想通过重定向传递 .carrot 类，因此会出现正确的图像。如何将 .carrot 类添加到以下代码中？

Answer 1

看看这里：

如何在另一个页面上重定向并从表中传递 url 中的参数？

html:

<input type="button" name="theButton" value="Detail" class="btn" data-username="{{result['username']}}" />

然后检查重定向 url 的位置：

Javascript：

$(document).on('click', '.btn', (function() {

    var name = $(this).data('username');

    if (name != undefined || name != null) {
        window.location = '/player_detail?username=' + name;
    }
});​

另外，另一个 StackOverflow 问题：

Javascript重定向并将参数传递给重定向页面

Answer 2

你已经接受了一个答案，但这里有一个更接近原始并且不需要 jQuery 的替代方案：

<button type="button" value="goForit(this)" value="carrot" ... >Go for it</button>

然后在函数中：

function gotForit(el) {
  if (el.form.pass.value.toLowerCase() == 'yes') {
    window.location = 'eat.html?username=' + el.value;
  } else {
    alert('oops…');
  }
}