从单选按钮获取值以选择html中的图像

时间:2016-03-09 11:46:54

标签: javascript html image

我有一个聊天应用程序。这是用于在聊天页面中显示对话的代码:

COUNT(2)

所以在这个应用程序中,注册页面不会为他们的头像上传照片。所以我使用<div id="conversation"> <div id="messages" class="scrollbar col-md-6"> <ul ng-repeat="(k,v) in messageshistory " class="chat" data-ng-show="k == tmpuserid"> <li ng-repeat="(a,b) in v "> <span ng-class="(b.from == tmpuserid) ? 'chat-img pull-right':'chat-img pull-left'"> <img src="./img/avatar.png" alt="User Avatar" class="img-circle"> </span> <div class="col-md-10 chat-body clearfix" > <div class="header"> <small data-ng-if="b.from == tmpuserid" class="text-muted"> <span class="glyphicon glyphicon-time"></span> {{ b.time }} </small> <strong ng-class="(b.from == tmpuserid) ? 'pull-right primary-font':'primary-font'" >{{b.fromname}}</strong> <small data-ng-if="b.from != tmpuserid" class="pull-right text-muted"> <span class="glyphicon glyphicon-time"></span>{{ b.time }} </small> </div> <p>{{ b.message }}</p> </div> </li> </ul> </div> </div>

但我想添加&#39;性别&#39;在带有单选按钮的注册页面中,如:


<img src="./img/avatar.png" alt="User Avatar" class="img-circle">

当用户检查&#39;男性&#39;在注册时,他会使用  <form> <input type="radio" name="gender" value="male" checked> Male<br> <input type="radio" name="gender" value="female"> Female </form>

当用户检查“女性”时她将使用 <img src="./img/maleavatar.png" alt="Male Avatar" class="img-circle">

我的意思是,这个应用程序将有两个图像用于头像,如果男性使用男性,如果女性使用女性,我该如何写呢?

1 个答案:

答案 0 :(得分:0)

您可以将这两个图片添加到HTML中,然后在用户性别上使用ng-switch的正确图片(ng-switch上有足够的来源和单选按钮绑定,以便您找到解决方案)。

希望这会让你走上正轨,如果不是回过头来。