没有jquery的表单流程栏

form process bar without jquery

本文关键字：程栏 表单 jquery 没有      更新时间：2023-09-26
<form id="form_Warpper" action="data.php" method="post" onsubmit="return validateForm();">
        <div id="table1">
                <div class="title_Warpper">
                <p> 1. </p>
                <label> I am sexy. </label>
                <div class="allQuestion"><?php for($i=1; $i<=10; $i++){?><input type="radio" name="Dq[1]" value="<?=$i?>"> <?=$i?> <?php } ?></div>
                </div>
                <div class="radio_Warpper">
                <p> 2. </p>
                <label> I am wonderful. </label>
                <div class="allQuestion"><?php for($i=1; $i<=10; $i++){?><input type="radio" name="Iq[1]" value="<?=$i?>"> <?=$i?> <?php } ?></div>
                </div>
                <div class="radio_Warpper">
                <p> 3. </p>
                <label> I am scary. </label>
                <div class="allQuestion"><?php for($i=1; $i<=10; $i++){?><input type="radio" name="Hq[1]" value="<?=$i?>"> <?=$i?> <?php } ?></div>
                </div>
                <div class="radio_Warpper">
                <p> 4. </p>
                <label> I am timing. </label>
                <div class="allQuestion"><?php for($i=1; $i<=10; $i++){?><input type="radio" name="Aq[1]" value="<?=$i?>"> <?=$i?> <?php } ?></div>
                </div>
</div>
<form>

我的意图是当每个问题在进度条上单击它的百分比时，但我也不想使用 jQuery 这可能吗？ 但我还不知道如何开始，但我有想法希望它像这样检查这个我的想法，使喜欢链接。

但它是由 jQuery 完成的，我也有 100 个问题，所以每个问题都是 1% 没有 jQuery 如何开始？

你的HTML中甚至还没有进度条，但是当你这样做时，你将需要一个click事件处理程序来触发一个从点击传递值的函数，并像这样设置进度条：

document.getElementsByTagName("progress")[0].setAttribute("value", $myValue);
相关文章：