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="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

你這是要做什麼功能啊，沒看懂。 。 。 。 。 。