Javascript onclick-in单选按钮在Chrome中不起作用_Javascript_Html_Google Chrome

Javascript onclick-in单选按钮在Chrome中不起作用

javascript html google-chrome

Javascript onclick-in单选按钮在Chrome中不起作用,javascript,html,google-chrome,Javascript,Html,Google Chrome,我已经看到了这一点：它并没有给我我想要的解决方案。我有一个带有单选按钮和onClick=“jarod（）；”的简单表单，jarod（）是上面调用的函数。见代码： <script type="text/javascript"> function jarod() { alert('yes'); } </script> 函数jarod（） { 警惕（“是”）； } HTML表单为： <form id="form_601799" class="appnitro

我已经看到了这一点：它并没有给我我想要的解决方案。我有一个带有单选按钮和onClick=“jarod（）；”的简单表单，jarod（）是上面调用的函数。见代码：

<script type="text/javascript">
function jarod()
 {
  alert('yes');
 }
</script>


函数jarod（）
{
警惕（“是”）；
}

HTML表单为：

<form id="form_601799" class="appnitro"  method="post" action="/formbuilder/view.php">
                <div class="form_description">
        <h2>Input Information to Prepare Answer</h2>
        <p></p>
    </div>                      
        <ul >
                <li id="li_1" >
    <label class="description" for="element_1">Number of paragraphs: </label>
    <div>
        <input id="element_1" name="element_1" class="element text small" type="text" maxlength="255" value=""/> 
    </div> 
    </li>       <li id="li_2" >
    <label class="description" for="element_2">Paragraph 1: </label>
    <span>

        <input id="element_2_1" name="element_2" class="element radio" type="radio" value="1" />

    <label class="choice" for="element_2_1" >Admit</label>
        <input onClick="jarod();" id="element_2_2" name="element_2" class="element radio" type="radio" value="2" />
    <label class="choice" for="element_2_2">Qualified Admission</label>
        <input id="element_2_3" name="element_2" class="element radio" type="radio" value="3" />
    <label class="choice" for="element_2_3">Deny</label>
        <input id="element_2_4" name="element_2" class="element radio" type="radio" value="4" />
    <label class="choice" for="element_2_4">Qualified Denial</label>
        <input id="element_2_5" name="element_2" class="element radio" type="radio" value="5" />
    <label class="choice" for="element_2_5">Legal Conclusion</label>
    </span> 
    </li>
                <li class="buttons">
            <input type="hidden" name="form_id" value="601799" />

            <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
    </li>
        </ul>
    </form>


输入信息准备答案



段落数：

第1款：
承认
合格入学
否认
有条件的否认
法律结论

如您所见，onclick=“jarod（）；”正在尝试调用javascript函数。当onclick=“jarod（）；”位于输入标记部分时，这不会起任何作用，但如果我将其移动到标签部分，如：

    <label class="choice" for="element_2_1" onClick="jarod();">Admit</lable>

承认这个“标签”在Chrome中工作得很好。如果选择了“合格录取”或“合格拒绝”，我将使用此选项显示一个文本区域

谢谢你的帮助

PS-我还尝试将onclick=“jarod（）；”放在文本字段中，在Chrome中效果很好。单选按钮和Chrome是怎么回事

编辑：这令人沮丧。我使用phpform.org创建表单以节省时间。它在顶部使用此DOCTYPE：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

当我使用此选项时：

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

它很好用。有人评论说它是XHTML/XML的一种形式，确实如此。至少我能在最后几个小时里睡觉，而不是坐在电脑前试图找出解决办法

糟糕的是，我的CSS看起来不对劲。我想我宁愿有一个格式化问题，而不是编程问题

jarod

因为您没有提供您的DOCTYPE问题，这里可能是onclick或onclick

你应该检查一下这个。

也尝试

onclick="javascript:jarod();"

从onclick for radio开始，它正在为OSX开发chrome 这是一把小提琴

您的文档是否以任何基于XML的HTML格式编写？因为如果是这样，那么onClick将被忽略，因为名称区分大小写。如果你把整个文档都放上去，那么有人可以在原始文档的上下文中测试所有内容，有人肯定会给你一个明确的答案（我很快就要睡觉了）

现在，我的答案是尝试在单选按钮的属性中将onClick更改为onClick

此外，您需要在每个单选按钮的内部单击一次，而不仅仅是其中一个。其他单选按钮是独立的HTML元素，因此其中一个单选按钮的onclick事件不适用于其他任何单选按钮。

我在单选输入方面也遇到类似问题（无法使

onclick=“

工作），解决方案一直在将

onclick

更改为

onchange

对我很好：这段代码在Chrome中对我很好：在Chrome浏览器中对我也很好。是的，这也是我注意到的第一件事。\n有趣。我今天累极了。明天我将继续提供更多信息。我编辑了上面关于DOCTYPE的问题。我还发现包含的JS文件中存在导致问题的内容。我把它拿了出来，因为我不需要这个表单上的JS文件。它包含在所有文件中以保持一致性，但我认为没有理由将其保留，尤其是当它把事情搞砸的时候！我只是为了测试的目的把它放在一个里面。拥有所有这些都不会改变它对一个人是否有效，是吗？