javascript - 怎么简写这段jQuery功能？

Question

雷雷

Answer 1

雷雷

Answer 2

首先给bd的p加上data-v对应上面的value

<p class="bd" data-v="13">1放家庭装饰 input</p>
<p class="bd" data-v="17">2放礼物馈赠 input</p>

$('.purpose').on('click',function(){
    var $bd = $('p[data-v=' + $(this).val() + ']');
    if($bd.is(":hidden"))
        $bd.show();
    else
        $bd.hidden();
})

Answer 3

雷雷

Answer 4

雷雷

Answer 5

p加个属性跟复选框能对应，那个通过index来进行判断的写法位置稍微一改动就没用

<input type="checkbox" name="purpose_id[]" class="purpose" value="13">家庭装饰
<input type="checkbox" name="purpose_id[]" class="purpose" value="17">礼物馈赠

<p class="bd" id="13">1放家庭装饰 input</p>
<p class="bd" id="17">2放礼物馈赠 input</p>

<script>
    $(function () {
        $('input[type=checkbox]').on('click', function () {
            var $p = $("#"+ $(this).val());
            $(this).attr("checked") ? $p.show() : $p.hide();
        })
    })
</script>

Answer 6

$(". Purpose").on('change',function(){

雷雷

});

Answer 7

<input type="checkbox" name="purpose_id[]" class="purpose" onchange="check1();" data="1" value="13">家庭装饰

<input type="checkbox" name="purpose_id[]" class="purpose" onchange="check2()" data="2" value="17">礼物馈赠

<p class="bd">1放家庭装饰 input</p>
<p class="bd">2放礼物馈赠 input</p>
<script>
    function check1(){
        $('.bd:eq(0)').toggle();
    }

    function check2(){
        $('.bd:eq(1)').toggle();
    }
</script>

Answer 8

你这是要做什么功能啊，没看明白。。。。。。