weui 的单选怎么获取文本？

Question

<!--选择性别-->
                                <div class="weui_cells weui_cells_radio">
                                    <label class="weui_cell weui_check_label" for="x11">
                                        <div id="man" class="weui_cell_bd weui_cell_primary">
                                            <p>男</p>
                                        </div>
                                        <div class="weui_cell_ft">
                                            <input type="radio" class="weui_check" name="radio1" id="x11">
                                            <span class="weui_icon_checked"></span>
                                        </div>
                                    </label>
                                    <label class="weui_cell weui_check_label" for="x12">
                                        <div id="woman" class="weui_cell_bd weui_cell_primary">
                                            <p>女</p>
                                        </div>
                                        <div class="weui_cell_ft">
                                            <input type="radio" name="radio1" class="weui_check" id="x12" checked="checked">
                                            <span class="weui_icon_checked"></span>
                                        </div>
                                    </label>
                                </div>

我要获取”男“或”女“，可是怎么都获取不到，怎么获取？

var doctorSex = $("input[name='radio1']:checked").val();  只能获取个开关”on“，却拿不到值

Answer 1

貌似本来就没有赋值，当然获取不到，判断一下是否checked不是一样嘛

Answer 2

你都没有给你的input赋值啊~加个value就行了

<input type="radio" class="weui_check" name="radio1" id="x11" value="male">
<input type="radio" name="radio1" class="weui_check" id="x12" value="female" checked="checked">

Answer 3

$("input[name='radio1']:checked").val(); 这个选择器是选择name='radio1'并且被选中的input输入框的值，而你所需要的男，女，是一个P标签里边的text。选择器错误。

    <input type="radio" name="radio1" class="weui_check" id="x12" checked="checked" value='男'>
    <input type="radio" class="weui_check" name="radio1" id="x11" value='女'>   

Answer 4

weui有对应的js，github上有demo

Answer 5

    <div class="weui-cells weui-cells_radio">
        <label class="weui-cell weui-check__label" for="x11">
            <div class="weui-cell__bd">
                <p>男</p>
            </div>
            <div class="weui-cell__ft">
                <input type="radio" class="weui-check" name="radio1" id="x11" onchange="changeChecked(this)" />
                <span class="weui-icon-checked"></span>
            </div>
        </label>
        <label class="weui-cell weui-check__label" for="x12">
            <div class="weui-cell__bd">
                <p>女</p>
            </div>
            <div class="weui-cell__ft">
                <input type="radio" name="radio1" class="weui-check" id="x12" checked="checked"
                    onchange="changeChecked(this)" />
                <span class="weui-icon-checked"></span>
            </div>
        </label>
    </div>

<script>
   function changeChecked(a) {
        let checkedId = a.id
        let checkedP = document.querySelector(`label[for="${checkedId}"] p`);
        let checkedVal = checkedP.innerHTML
        console.log(checkedVal);
      }
</script>