单选框事件

-~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：vs c#
作者： xqll
撰写时间：2019/8/18
-~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
日常编程中，我们经常要用到单选框来选择获取到自己需要的东西
为自己犯过的错以加深一些印象，下面 我来演示一下如何通过单选框新增所选单选框的内容
以及如何回填修改单选框，希望能对你们有帮助，还有就是我比较菜，有什么不对的地方希望您萌能指出来。
至于新增的话
它的HTML样式是

<label for="Decimalallowed" class="title  col-form-label ">允许小数</label>
 <div class="form-check bbb">
<input class="form-check-input" type="radio" name="Decimalallowed"  id="allo" value="true" checked>
<label for="allow">允许</label>
</div>
<div class="form-check bbb">
   <input class="form-check-input" type="radio" name="Decimalallowed" id="notallo" value="false">
  <label for="notallow">不允许</label>
     </div>

然后数据库给的数据类型是bit类型

var Decimalallowed = $("#UnitSet [name='Decimalallowed']:checked").val();

其实跟普通的新增一样，你只需要加上:checked 即可实现
然后就是回填

if (data.Decimalallowed == "false" || data.Decimalallowed == false) {
                    $("#notallo1").prop("checked", true);
                } else {
                    $("#allo1").prop("checked", true);
                }

判断它 如果Decimalallowed等于false 那就让它里面内容是不允许的单选框是被选中状态
如果Decimalallowed不等于false 那就让它里面的内容是允许的单选框是被选中状态
就比如：
呃 上两张效果图解释

单位‘瓶 ’它的单位允许小数 我点击编辑 然后它选中内容是允许的单选框

然后就是它的修改
var Decimalallowed = $("#UnitSe [name=‘wertyu’]:checked").val();
其实 它的修改的话 是跟新增一样的
然后 其实复选框的话 也差不多
复选框回填代码是

if (data.State == "true" || data.State == true) {
                    $("#State").prop("checked", true)
                } else {
                    $("#State").prop("checked", false)
                }

跟单选框一样 不过它的话是 如果是true状态就选中 不是就不选中
不同的是它只有一个选中框
它修改的话
var State = $("#UnitSe [name=‘State’]").prop(“checked”);
其实原理是一样的
然后的话 讲得也差不多了 就先到这里吧