在wordpress中使用javascript代码生成表单

在wordpress中使用javascript代码生成表单,javascript,wordpress,forms,Javascript,Wordpress,Forms,我想用前面提到的javascript代码在wordpress中创建相同的表单。请指导我如何创建类似的表单以及在哪里发布此javascript代码。当我们将此代码保存在html文档中时,此代码可以完美地工作。但我不知道在wordpress中保存代码的位置。 非常感谢 <script type="text/javascript"> function DisplayPrice(price){ var val1 = 0; for( i = 0; i &

我想用前面提到的javascript代码在wordpress中创建相同的表单。请指导我如何创建类似的表单以及在哪里发布此javascript代码。当我们将此代码保存在html文档中时,此代码可以完美地工作。但我不知道在wordpress中保存代码的位置。 非常感谢

<script type="text/javascript">
    function DisplayPrice(price){
        var val1 = 0;
        for( i = 0; i < document.form1.price.length; i++ ){
            if( document.form1.price[i].checked == true ){
                val1 = document.form1.price[i].value;
            }
        }

        var val2 = 0;
        for( i = 0; i < document.form2.price2.length; i++ ){
            if( document.form2.price2[i].checked == true ){
                val2 = document.form2.price2[i].value;
            }
        }

        var sum=parseInt(val1) + parseInt(val2);
        document.getElementById('totalSum').value=sum;
    }
    </script>
 </head>
 <body>
   Choose a number:<br>
   <form name="form1" id="form1" runat="server">
    <br>
    <input id="rdo_1" type="radio" value="159" name="price"                              onclick="DisplayPrice(this.value);">159
    <br>
    <input id="rdo_2" type="radio" value="259" name="price" onclick="DisplayPrice(this.value);">259
    <br>
       </form>

    Choose another number:<br>
     <form name="form2" id="form2" runat="server">
    <br>
    <input id="rdo_1" type="radio" value="345" name="price2" onclick="DisplayPrice(this.value);">345
    <br>
    <input id="rdo_2" type="radio" value="87" name="price2" onclick="DisplayPrice(this.value);">87
    <br>
   </form>
   <input type="text" name="totalSum" id="totalSum" value="" size="2" readonly="readonly">


    </body>

功能显示价格(价格){
var val1=0;
对于(i=0;i

159
259
选择另一个号码:

345
87

有两种方法可以将此代码添加到wordpress

一,。在主题文件夹->激活的主题->index.php中

二,。在您的插件文件夹->创建具有任意名称的新插件文件夹->通过在插件中创建index.php文件来添加此代码

将以下行添加到index.php的顶部

/* 插件名称:插件的名称

版本:1.0

插件URI:

说明:

作者:

作者URL:

使用您给定的名称激活插件

形式测试。

将与此问题更相关