hlm_pl_mall/app/home/view/default/member/membervrorder/cancel.html

<div class="eject_con">
  <div id="warning"></div>
  {if $order_info}
  <form method="post" action="{:url('Membervrorder/change_state',['state_type'=>'order_cancel','order_id'=>$order_info.order_id])}" id="order_cancel_form">
    <dl>
      <dt>{$Think.lang.member_order_sn}{$Think.lang.ds_colon}</dt>
      <dd><span class="num">{$order_info.order_sn}</span></dd>
    </dl>
    <dl>
      <dt>{$Think.lang.member_change_cancel_reason}{$Think.lang.ds_colon}</dt>
      <dd>
        <ul class="eject_con-list">
          <li>
            <input type="radio" class="radio" checked name="state_info" id="d1" value="{$Think.lang.member_change_other_goods}" />
            <label for="d1">{$Think.lang.member_change_other_goods}</label>
          </li>
          <li>
            <input type="radio" class="radio" name="state_info" id="d3" value="{$Think.lang.member_change_other_store}" />
            <label for="d3">{$Think.lang.member_change_other_store}</label>
          </li>
          <li>
            <input type="radio" class="radio" name="state_info" flag="other_reason" id="d4" value="" />
            <label for="d4">{$Think.lang.member_change_other_reason}</label>
          </li>
          <li id="other_reason" style="display:none;">
            <textarea name="state_info1" class="textarea w300 h50" rows="2" id="other_reason_input"></textarea>
          </li>
        </ul>
      </dd>
    </dl>
    <div class="bottom">
      <input type="submit" id="confirm_button" class="submit" value="{$Think.lang.ds_ok}{$Think.lang.ds_submit}" />
      <a class="dsm-btn ml5" href="javascript:DialogManager.close('buyer_order_cancel_order');">{$Think.lang.ds_cancel}</a>
    </div>
  </form>
  {else /}
  <p style="line-height:80px;text-align:center">{$Think.lang.store_order_not_exist}</p>
 {/if}
</div>
<script type="text/javascript">
    $(document).ready(function(){
        $('#order_cancel_form').validate({
            submitHandler:function(form){
                ds_ajaxpost('order_cancel_form');
            }
        });
    });

    $(function(){
    $("input[name='state_info']").click(function(){
        if ($(this).attr('flag') == 'other_reason')
        {
            $('#other_reason').show();
        }
        else
        {
            $('#other_reason').hide();
        }
    });
});
</script>