Question

要生成动态复选框，我正在使用这样的地图

{{range $key, $val := .package.Group_Name_Map}}
  <div class="row">
    <div class="col-xs-12 col-sm-3 col-md-3">
        <label><strong>{{$val}}</strong></label>
    </div>              
    <div class="col-xs-12 col-sm-3 col-md-3">
        <input type="checkbox" name="read">
    </div>
    <div class="col-xs-12 col-sm-3 col-md-3">
        <input type="checkbox" name="write">
    </div>
    <div class="col-xs-12 col-sm-3 col-md-3">
        <input type="checkbox" name="update">
    </div>

  </div>
{{end}}

现在我希望通过动态获取值来预定义这些复选框。我已经为beego框架做了

Answer 1

var statement = true;
if (statement) {
    $('input[type=checkbox]').prop('checked', true);
}

http://jsfiddle.net/r0o8kxvo/1/

如果select为input

，这将checkboxes checked statement并true statement

int G(int n) { if(n > 100) { return (n - 10); } else { return (G(G(n + 11)); } }是您所谓的

的占位符

动态获取值

Answer 2

在HTML中只需添加disabled =＆＃34;禁用＆＃34;作为禁用和检查的属性=＆＃34;已检查＆＃34;作为要检查为默认值的属性

＆＃13;

<input type="checkbox" name="update" checked> checked
<input type="checkbox" name="update" disabled> disabled
<input type="checkbox" disabled="disabled" checked="checked"> disable and checked

＆＃13;

在jQuery中使用prop()函数

＆＃13;

$('.checks').prop("checked",true);
$('.checks1').prop("disabled",true);
$('.enable').prop("disabled",false);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <input type="checkbox" class="checks" name="update"> checks1
    <input type="checkbox" class="checks1" name="updates"> disabled
    <input type="checkbox" class="enable" name="updates"> enable

＆＃13;

Answer 3

尝试这样的事情：

1.动态创建复选框

$('#btn').click(function () {
    var cb1 = "<input type='checkbox' class='cb1' value='cb1'>I am a checkbox.";
    $("#panel").html(cb1);
});

2.动态启用/禁用复选框

$('#ble').click(function () {
    var stat = $(".cb1").is(":disabled");
    if (stat) {
        $(".cb1").prop('disabled', false);
    } else {
        $(".cb1").prop('disabled', true);
    }
});

3.动态选中/取消选中复选框

$('#check').click(function () {
    var stat = $(".cb1").is(":checked");
    if (stat) {
        $(".cb1").prop('checked', false);
    } else {
        $(".cb1").prop('checked', true);
    }
});

DEMO

如何为动态添加的checkox设置动态启用/禁用

3 个答案: