Question

我刚刚创建了一些自定义JavaScript（首先），它会生成一系列已检查的字段。

但是，当我在WordPress中实现它时 - 它什么都不做。我想我忽略了一些东西，但我似乎无法弄明白。

这是我的JavaScript：

<script type="text/javascript">
<!--
function show_selected_item_val($item)
{
    var res1 = 0, res2 = 0, res3 = 0, res4 = 0, res5 = 0, res6 = 0, res7 = 0, res8 = 0, res9 = 0, res10 = 0; 
    var res11 = 0, res12 = 0, res13 = 0, res14 = 0, res15 = 0, res16 = 0, res17 = 0, res18 = 0; 
    if(document.all['Q1'][0].checked)        res1 = 1;
    if(document.all['Q2'][0].checked)        res2 = 1;
    if(document.all['Q3'][0].checked)        res3 = 1;
    if(document.all['Q4'][0].checked)        res4 = 1;
    if(document.all['Q5'][0].checked)        res5 = 1;
    if(document.all['Q6'][0].checked)        res6 = 1;
    if(document.all['Q7'][0].checked)        res7 = 1;
    if(document.all['Q8'][0].checked)        res8 = 1;
    if(document.all['Q9'][0].checked)        res9 = 1;
    if(document.all['Q10'][0].checked)     res10 = 1;
    if(document.all['Q11'][0].checked)     res11 = 1;
    if(document.all['Q12'][0].checked)     res12 = 1;
    if(document.all['Q13'][0].checked)     res13 = 1;
    if(document.all['Q14'][0].checked)     res14 = 1;
    if(document.all['Q15'][0].checked)     res15 = 1;
    if(document.all['Q16'][0].checked)     res16 = 1;
    if(document.all['Q17'][0].checked)     res17 = 1;
    if(document.all['Q18'][0].checked)     res18 = 1;

    document.getElementById("show_content").innerHTML= res1 + res2 + res3 + res4 + res5 + res6 + res7 + res8 + res9 + res10 + res11 + res12 + res13 + res14 + res15 + res16 + res17 + res18;
}
//-->
</script>

这是HTML：

<table>
       <tr>
       <td>
          <input type="radio" name="Q1" value="1" onClick="show_selected_item_val(this)"/>yes
          <input type="radio" name="Q1" value="0" onClick="show_selected_item_val(this)"/>no
       </td>
       </tr>

       <tr>
       <td>
          <input type="radio" name="Q2" value="1" onClick="show_selected_item_val(this)"/>yes
          <input type="radio" name="Q2" value="0" onClick="show_selected_item_val(this)"/>no
       </td>
       </tr>

       <tr>
       <td>
          <input type="radio" name="Q3" value="1" onClick="show_selected_item_val(this)"/>yes
          <input type="radio" name="Q3" value="0" onClick="show_selected_item_val(this)"/>no
       </td>
       </tr>

       <tr>
       <td>
          <input type="radio" name="Q4" value="1" onClick="show_selected_item_val(this)"/>yes
          <input type="radio" name="Q4" value="0" onClick="show_selected_item_val(this)"/>no
       </td>
       </tr>

       ...

</table>

the result is: <span id="show_content">

我正在通过functions.php文件加载JavaScript。我检查了，它确实加载了。结果只是没有显示出来。

所以我猜测脚本的处理是不正确的。

有什么建议吗？

Answer 1

试试这个：http://jsfiddle.net/4CFcy/

我删除了函数中的$ item参数和函数调用中的this参数 E.g：

function show_selected_item_val()

...

<input type="radio" name="Q2" value="1" onClick="show_selected_item_val()"/>yes
<input type="radio" name="Q2" value="0" onClick="show_selected_item_val()"/>no

Answer 2

为什么不做更像这样的事情：

function show_selected_item_val() {
    var score = 0
    for (i = 1; i < 5; i++) {
        if (document.getElementsByName('Q' + i)[0].checked) {
            score++;
        }
    }
    document.getElementById("show_content").innerHTML = score;
}

http://jsfiddle.net/BhEAq/

自定义Javascript无法在Wordpress中运行

2 个答案: