freemarker实现两个单选框

最新推荐文章于 2022-06-04 19:38:26 发布

原创最新推荐文章于 2022-06-04 19:38:26 发布 · 2.8k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#freemarker #spring #java

js 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个简单的前端功能实现案例，即用户可以选择是否存储squirrel，并通过标记值进行记录。默认选项为不存储，标记值为0；若选择存储，则标记值变为1。通过JavaScript获取用户的选择并将其值赋给变量storeSquirrel。

需求：平台需要实现一个小功能，功能为显示表达是否需要存储squirrel，默认选择否，标记值为0，如果选择是则标记值为1

<hr>
<div class="row">
    <div class="col-md-2"></div>
    <div class="col-md-4">
        <label>存储squirrel</label>
        <div class="custom-controls-stacked">
            <div class="row">
            <div class="checkout-checked" >
            <label class="custom-control custom-radio">
                <input type="radio" checked='checked' name="storeSquirrel" class="custom-control-input" id="storeSquirrel"  value=0>否
            </label>
            </div>
            <label class="custom-control custom-radio">
                <input type="radio" name="storeSquirrel" class="custom-control-input" id="storeSquirrel"  value=1>是
            </label>
            </div>
        </div>
    </div>
</div>
<hr>

输出前端

var storeSquirrel = 0;

$( "input[name='storeSquirrel']:checked" ).each(function() {
    storeSquirrel += $(this).val();
});

submitData["storeSquirrel"] = storeSquirrel;

后面的代码为表单提交的时候的提交标记值的操作