如何将复选框图标更改为**不确定**与＆＃34; +＆＃34;和＆＃34; - ＆＃34;符号

Question

我有原始行为的复选框。我想在展开和折叠这些复选框的同时为其添加+和 - 符号。

任何人都可以告诉我如何实现这一目标？

以下是我的玉代码：

.form-group
  .checkbox#some-checkbox(style="margin-left: 10px;")
    label(data-toggle='collapse', data-target='#collapseOne', aria-expanded='false', aria-controls='collapseOne')
      input(type='checkbox')
      |  My Name
#collapseOne.collapse(aria-expanded='false')
  .well1
    .row    
      .col-sm-12.col-lg-12
        .nutrition-category
          .row.header3.margin-left-10
              .row.paragraph
                .col-xs-6(style="font-size: 18px;")  New Name

非玉（HTML）代码：

<div class="form-group">
 <div class="checkbox" id="some-checkbox" style="margin-left: 10px">
 <label data-toggle="collapse" data-target="#collapseOne" aria-
   expanded="false" aria-controls="collapseOne">
   <input type="checkbox"/> My Name
 </label>
 </div>
 </div>
 <div class="collapse" id="collapseOne" aria-expanded="false">
  <div class="well1">
    <div class="row">   
     <div class="col-sm-12 col-lg-12">
      <div class="nutrition-category">
       <div class="row header3 margin-left-10">
        <div class="row paragraph">
          <div class="col-xs-6" style="font-size: 18px"> New 
          Name</div>
        </div>
      </div>
    </div>
  </div>
  </div>

这是我用过的javascript：

script(type='text/javascript').
$(document).ready(function() {
$("#some-checkbox").prop("indeterminate", true);
});