请问如何做一个输出结果的JS 代码？

给【立即订阅】加一个click事件处理函数，校验该选的都选了该填的都填了，如果事件处理函数返回true,再调用一个函数把表单中的值输出到框中

亲，这个我不会写呢~
楼主不会写 javascript?

亲，这个我不会写呢~
楼主不会写 javascript?只会简单的修改，不会编写呢~ 我们公司的程序员不给力，唉！

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=1024" >
<title>现代传播旗下刊物订阅</title>
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script src="js/jquery-1.4a2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/payfor.js"></script>
<script type="text/javascript">
function func(e,that){
    var e=e||event;
    if(e.type=="keydown"&&e.keyCode==13){
        document.getElementById("size").innerHTML="数量:"+that.value
    }
}
</script>
<script type="text/javascript">
$(function(){
$("#RadioGroup2_0").click(function(){
$("#chengk").show();
})
})
</script></head><body>

    
<div class="warp_con">
<div class="warp">
    <div class="content">

         <div class="right">
<div class="buy_box">
                        <dl class="buy_box_one">
                             <dt></dt>
                                 <dd>
                                     <table width="473" border="0" cellspacing="0" cellpadding="0" class="buy_table">
                                      <tr>
                                        <td width="70" class="text_right">单价：</td>
                                        <td><span class="cRed2 f18">￥320.00</span>　<span class="cGrey">（免邮费）</span></td>
                                      </tr>
                                      <tr>
                                        <td class="text_right">订阅数量：</td>
                                        <td>
                                         <div class="f_l add_chose">
                                                <a class="reduce" onClick="setAmount.reduce('#qty_item_1')" href="javascript:void(0)">-</a>
                                                <input type="text" name="qty_item_1" value="1" id="qty_item_1" onKeyUp="setAmount.modify('#qty_item_1')" class="ipt3" onkeydown="func(event,this)"/>
                                                <a class="add" onClick="setAmount.add('#qty_item_1')" href="javascript:void(0)">+</a>
                                            </div>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td class="text_right">姓名：</td>
                                        <td>

                                                <input type="text" class="ipt2" />

                                        </td>
                                      </tr>
                                       <tr>
                                        <td class="text_right">性别：</td>
                                        <td>
                                             <label><input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_0" />男</label>

                                             <label><input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1" />女</label>
                                           </td>
                                      </tr>
                                      <tr>
                                        <td class="text_right">地区：</td>
                                        <td>
                                         <div class="choosebox">
                                             <input type="radio" name="name1" value="S" id=""/>
                                                <a href="javascript:void(0);" class="size_radioToggle1"><span class="value">四城（北京/上海/广州/深圳）</span></a>
                                            </div>
                                            <div class="choosebox">
                                             <input type="radio" name="name1" value="S" id="" />
                                                <a href="javascript:void(0);" class="size_radioToggle1"><span class="value">其它</span></a>
                                            </div>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td class="text_right">订阅期数：</td>
                                        <td><div class="choosebox1">
                                             <input type="radio" name="name2" value="S" id="" />
                                                <a href="javascript:void(1);" class="size_radioToggle2"><span class="value">52期/年</span></a>
                                            </div>
                                            <div class="choosebox1">
                                             <input type="radio" name="name2" value="S" id="" />
                                                <a href="javascript:void(1);" class="size_radioToggle2"><span class="value">58期/年</span></a>
                                            </div>
                                            <div class="choosebox1">
                                             <input type="radio" name="name2" value="S" id="" />
                                                <a href="javascript:void(1);" class="size_radioToggle2"><span class="value">2期/年</span></a>
                                            </div>
                                            <div class="choosebox1">
                                             <input type="radio" name="name2" value="S" id="" />
                                                <a href="javascript:void(1);" class="size_radioToggle2"><span class="value">6期/年</span></a>
                                            </div>
                                        </td>
                                      </tr>
                                    </table>                                 </dd>
                            </dl>

                            <div class="foot_button">
                                <button type="button" class="button orange" onclick="location.href='order.html'"/>立即订阅</button>
                                <button type="button" class="button orange" id="RadioGroup2_0" />加入订阅单</button>
                                <p class="foot_button_inf" id="chengk" style="display:none">成功添加到订阅单！</p>

                            </div>
                             <div style="width:300px; height:100px; margin:0px;float:left; background:#E1E1E1; border:1px solid #C5C5C5">

                                </div>
                       </div>
         </div>
    </div>
    

    
   <div class="footer">Copyright © 2011 Modern Media Co,Ltd.All rights reserved. 现代传播版权所有 </div>
    
</div>
</div>
<script type="text/javascript">
$(function(){
$('.choosebox a').click(function(){
var thisToggle = $(this).is('.size_radioToggle1') ? $(this) : $(this).prev();
var checkBox = thisToggle.prev();
checkBox.trigger('click');
$('.size_radioToggle1').removeClass('current');
thisToggle.addClass('current');
return false;
});
});
$(function(){
$('.choosebox1 a').click(function(){
var thisToggle = $(this).is('.size_radioToggle2') ? $(this) : $(this).prev();
var checkBox = thisToggle.prev();
checkBox.trigger('click');
$('.size_radioToggle2').removeClass('current');
thisToggle.addClass('current');
return false;
});
});$(".choosebox a").click(function(){
var text = $(this).html();
$(".choosetext1 span").html(text);
$("#result").html("" + getSelectedValue("dress-size"));
});

function getSelectedValue(id){
return
$("#" + id).find(".choosetext span.value").html();
}
</script>
</body>
</html>

嵌套的JS 代码是这个/* reduce_add */
var setAmount = {
    min:1,
    max:999,
    reg:function(x) {
        return new RegExp("^[1-9]\\d*$").test(x);
    },
    amount:function(obj, mode) {
        var x = $(obj).val();
        if (this.reg(x)) {
            if (mode) {
                x++;
            } else {
                x--;
            }
        } else {
            alert("请输入正确的数量！");
            $(obj).val(1);
            $(obj).focus();
        }
        return x;
    },
    reduce:function(obj) {
        var x = this.amount(obj, false);
        if (x >= this.min) {
            $(obj).val(x);
            recalc();
        } else {
            alert("商品数量最少为" + this.min);
            $(obj).val(1);
            $(obj).focus();
        }
    },
    add:function(obj) {
        var x = this.amount(obj, true);
        if (x <= this.max) {
            $(obj).val(x);
            recalc();
        } else {
            alert("商品数量最多为" + this.max);
            $(obj).val(999);
            $(obj).focus();
        }
    },
    modify:function(obj) {
        var x = $(obj).val();
        if (x < this.min || x > this.max || !this.reg(x)) {
            alert("请输入正确的数量！");
            $(obj).val(1);
            $(obj).focus();
        }
    }
}function BuyUrl(wid) {
    var pcounts = $("input[id^=qty_item_]").val();
    var patrn = /^[0-9]{1,4}$/;
    if (!patrn.exec(pcounts)) {
        pcounts = 1;
    }
    else {
        if (pcounts <= 0)
            pcounts = 1;
        if (pcounts >= 1000)
            pcounts = 999;
    }
}
;

调试易

请问如何做一个输出结果的JS 代码？

解决方案 »