Angularjs -复选框更新SPAN
Angularjs - checkbox to update SPAN
感谢您的关注。
我是Angular新手,遇到了一些问题。
我有一些复选框,当点击时,将显示一些文本在SPAN标签。
这它。我就是不能让它工作!
默认页面
选择页面
所以要澄清-当用户选中复选框-图像上的文本改变(添加边框)。
希望这有意义。
下面是目前为止的代码: <span id="PartyWall1" style="position:absolute;top:42px; left:141px; font-weight:bold; color:red; font-size:12px;">Wall 1</span>
<span id="PartyWall2" style="position:absolute;top:345px; left:141px; font-weight:bold; color:red; font-size:12px;">Wall 2</span>
<span id="PartyWall3" style="position:absolute;top:175px; left:85px; font-weight:bold; color:red; font-size:12px;">Wall 3</span>
<span id="PartyWall4" style="position:absolute;top:175px; left:204px; font-weight:bold; color:red; font-size:12px;">Wall 4</span>
<div class=" col-lg-12 col-md-12" ng-if="IsPartWall">
<div class="form-group form-group-icon-right">
<label>Which wall(s) are Party wall(s)? </label>
<div class="checkbox checkbox-small">
<input name="cb1" id="cb1" type="checkbox" ng-model="objPostData.Wall1" tabindex="12" value="123"/>
<label for="cb1">wall-1</label>
</div>
<div class="checkbox checkbox-small">
<input type="checkbox" id="cb2" ng-model="objPostData.Wall2" tabindex="13" value="123" name="cb2"/>
<label for="cb2">wall-2</label>
</div>
<div class="checkbox checkbox-small">
<input type="checkbox" id="cb3" ng-model="objPostData.Wall3" tabindex="14" value="123" name="cb3"/>
<label for="cb3">wall-3</label>
</div>
<div class="checkbox checkbox-small">
<input type="checkbox" id="cb4" ng-model="objPostData.Wall4" tabindex="15" value="123" name="cb4"/>
<label for="cb4">wall-4</label>
</div>
</div>
</div>
如果您希望在模型更改的顶部显示或隐藏某些内容,则需要使用ng-if
/ng-show
/ng-hide
。这样的:
<span id="PartyWall1" ng-if="objPostData.Wall1">Wall 1</span>
相关文章:
- 使用Clipboard.js复制span文本
- Javascript循环不会自我更新
- 添加文字和评论功能更新Div
- AngularJS:ng之后,重复$scope值未按预期更新
- 如何通过数组更新角度子范围
- 用jQuery.html更新span内部html在IE中不起作用
- 使用javascript将span更改为input(viceversa),然后AJAX更新输入
- 如何根据用户输入 HTML 更新多个 SPAN 元素
- jQuery:按类更新所有span标记,并用textarea值填充
- 正在更新多个<span>'当特定时间在<span>'s与当前时间匹配
- Jquery/Ajax按ID更新Span或Div而不刷新页面
- 检查span类的内容,然后使用jquery更新数量
- Angularjs -复选框更新SPAN
- 更新span是可以的,更新输入结果为'NaN'
- 无法在Knockout.js中使用observableArray length更新span
- 在angularjs中,当选择框发生变化时,动态更新span内部的html
- 如何更新span标记的内容
- Ajax成功调用后更新span标记时出现问题
- Javascript:更新一个Span Text
- 制作URL,不断更新,由span和id生成,可点击并在新选项卡中打开