擁有18年軟件開發(fā)和IT教學(xué)經(jīng)驗(yàn)。曾任多家上市公司技術(shù)總監(jiān)、架構(gòu)師、項(xiàng)目經(jīng)理、高級(jí)軟件工程師等職務(wù)。 網(wǎng)絡(luò)人氣名人講師,...
首先給bd的p加上data-v對(duì)應(yīng)上面的value
<p class="bd" data-v="13">1放家庭裝飾 input</p>
<p class="bd" data-v="17">2放禮物饋贈(zèng) input</p>
$('.purpose').on('click',function(){
var $bd = $('p[data-v=' + $(this).val() + ']');
if($bd.is(":hidden"))
$bd.show();
else
$bd.hidden();
})
p加個(gè)屬性跟復(fù)選框能對(duì)應(yīng),那個(gè)通過(guò)index來(lái)進(jìn)行判斷的寫法位置稍微一改動(dòng)就沒(méi)用
<input type="checkbox" name="purpose_id[]" class="purpose" value="13">家庭裝飾
<input type="checkbox" name="purpose_id[]" class="purpose" value="17">禮物饋贈(zèng)
<p class="bd" id="13">1放家庭裝飾 input</p>
<p class="bd" id="17">2放禮物饋贈(zèng) input</p>
<script>
$(function () {
$('input[type=checkbox]').on('click', function () {
var $p = $("#"+ $(this).val());
$(this).attr("checked") ? $p.show() : $p.hide();
})
})
</script>
<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">禮物饋贈(zèng)
<p class="bd">1放家庭裝飾 input</p>
<p class="bd">2放禮物饋贈(zèng) input</p>
<script>
function check1(){
$('.bd:eq(0)').toggle();
}
function check2(){
$('.bd:eq(1)').toggle();
}
</script>