获取checkBox value值,并将其文字放入指定span里

来源:互联网 发布:星际老男孩淘宝 编辑:程序博客网 时间:2024/06/07 04:04

js部分

function check(checkName){
var chk_value =[]; 
var chk_text =[];
$("input[name='"+checkName+"']:checked").each(function(){
chk_value.push($(this).val());
chk_text.push($(this).parent().text());
});
if(checkName=='checkSend'){
document.getElementById("sendServerJson").value = chk_value;
$("#sendServerJson").text(chk_text) ;
}
if(checkName=='checkArrive'){
document.getElementById("arriveServerJson").value = chk_value;
$("#arriveServerJson").text(chk_text) ;
}

}

jsp部分

<!-- /.模态框(Modal) -->

  <!-- 模态框(Modal) -->
                   <div class="modal fade" id="pzfw2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                     <div class="modal-dialog">
                     <div class="modal-content">
                      <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                       <h4 class="modal-title" id="myModalLabel">到达端服务配置</h4>
                      </div>
                      <div class="modal-body">
                      <p class="text-danger">请选择您需要的物流服务,系统会自动推送信息至相关有物流服务能力的企业。</p>
                      <ul>
                      <li><span><input type="checkbox" value="2" name ="checkArrive"/> 装卸服务</span></li>
                      <li><span><input type="checkbox" value="0" name ="checkArrive"/> 短途运输服务</span></li>
                      <li><span><input type="checkbox" value="4" name ="checkArrive"/> 拆拼箱服务</span></li>
                      <li><span><input type="checkbox" value="1" name ="checkArrive"/> 仓储服务</span></li>
                      <li><span><input type="checkbox" value="3" name ="checkArrive"/> 装载加固服务</span></li>
                      </ul>
                      </div>
                     <div class="modal-footer">
                      <div style="width: 60%;">
                         <input type="submit" class="btn btn-primary" onclick="check('checkArrive')" value="保存"/>
                          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        </div>
                    </div>
                  </div><!-- /.modal-content -->
               </div><!-- /.modal -->
             </div>
             <!-- /.模态框(Modal) -->
阅读全文
0 0