Javascript 将样式添加到引导模式内容div

我正在制作一个表单，从复选框菜单加载内容

如果用户选中一个复选框，将弹出一个引导v3.3.4模式，所选内容将显示在模式中

以下是模式关闭时的代码：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">My Modal Title</h4>
      </div>
      <div class="modal-body">
        <div class="box">MY CONTENT IS HERE</div>
      </div>
      <div class="modal-footer">Footer text is here</div>
    </div>
  </div>
</div>

我的情态标题
我的内容在这里
页脚文本在这里

打开模式时，将向

像这样：

我真的很想给这个div添加更多的样式，但是只有当model打开时。从何处添加样式？我已经检查了jquery.js和bootstrap.js文件，但没有找到答案。还尝试了各种if语句，但均无效。i、 e.

$（'#myModal'）。是（':visible'）

非常感谢你的建议
 检查模态是否打开的最简单方法是检查模态打开时，modalElement是否附加了类
'in'

$('#myModal').hasClass('in')

工作示例：
只要在CSS中敲打它，如果规则在启动CSS调用之后，CSS就会覆盖它们。由于（推测）模式为display:none，您可能会将规则添加到模式中，直到激活后才看到它们。如果
.box
一开始不可见，请参考此项，您不能在CSS中将样式添加到该模式中吗
.box{/*style*/}
Thx！还有一个问题。在下面的代码中，使用display:block设置样式的box div是在模式中显示的部分。我想检查一下。我不想检查其他输入，即未显示的输入。这可能吗<代码>$（文档）.ready（函数（）{if（$（'#myModal'）.hasClass（'in'））；{$（“.checkthis”）.prop（“checked”，“true”）；}

您当然可以这样做，但是您不需要检查模态是否打开。您只需在打开模式时截取即可。谢谢！嗯，似乎第二个框仍然被选中，即使我没有将其添加到模式中。最佳情况下，第二个复选框应该保持未选中状态……为了举例说明，我在这里更新了小提琴。谢谢。