답변 2개
채택된 답변
+20 포인트
5년 전
아래처럼해보세요.
<style>
.time-btn input {border:1px solid #ddd;background:#fff;color:#000;padding:0 30px;font-weight:bold;line-height:50px;height:50px;border-radius:50px;text-decoration:none;outline:none;}
.time-btn input.click-on {border:1px solid #3ACBB9;background:#57D3C2;color:#fff;text-decoration:none;outline:none;}
</style>
<?php $wr_6 = "상시"; ?>
<input type="hidden" name="wr_6" id="wr_6" value="<?php echo $wr_6 ?>" itemname="상담시간" required readonly>
<div class="time-btn">
<input type="button" value="상시" onclick="document.getElementById('wr_6').value='상시';" class="cls_wr_6<?php echo ($wr_6=='상시') ? ' click-on' : ""?>">
<input type="button" value="오전" onclick="document.getElementById('wr_6').value='오전';" class="cls_wr_6<?php echo ($wr_6=='오전') ? ' click-on' : ""?>">
<input type="button" value="오후" onclick="document.getElementById('wr_6').value='오후';" class="cls_wr_6<?php echo ($wr_6=='오후') ? ' click-on' : ""?>">
<script>
$(".cls_wr_6").on("click", function() {
$(".click-on").removeClass("click-on");
$(this).addClass("click-on");
});
</script>
</div>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
뽈레야뽈레
5년 전
너무 잘 됩니다 감사합니다 !
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인