Question

我很难解决这个问题，并会请求你的帮助！我正在尝试制作一个javascript，但我没有成功当用户按下提交时，我在下面的表格中有两个输入复选框我想验证是否选中了两个复选框，如果我们想要检查它们在将它们发送到另一个页面之前禁用它们，如果只检查其中一个，我想什么都不做。

<form action="{$GLOBALS.site_url}/search/">
<input type="checkbox" checked = "checked"  name="new[equal]" value="1" /> New <br>
<input type="checkbox" checked = "checked"  name="used[equal]" value="1" /> Used <br>
<input type="submit" class="button" value="[[Find:raw]]" />
</form>

谢谢你的朋友

Answer 1

看看这里：http://api.jquery.com/checked-selector/

它向您解释如何使用jquery检查是否选中了复选框。

Answer 2

你可以试试这个。

var new = document.forms[0]["new[equal]"],
    used = document.forms[0]["used[equal]"]
    if(new.checked && used.checked){
        new.disabled = true;
        used.disabled = true;
    }

如果您在网页上有多个表单，则应向name提供form并使用表单名称选择所需的表单。

这样的事情会发生。

document.formName.elementName或document.formName['elementName']

<强>更新如果要在提交按钮上单击验证，则可以使用上面的代码创建一个JS函数，并在提交按钮上单击

HTML

<input type="submit" onclick="ValidateForm()" value="Submit" />

JS

function ValidateForm(){
   var new = document.forms[0]["new[equal]"],
        used = document.forms[0]["used[equal]"]
        if(new.checked && used.checked){
            new.disabled = true;
            used.disabled = true;
        }
}

javascript函数在发送之前取消选中输入复选框

2 个答案: