Vue.jsでラジオの選んだ値
のチェックボックスのチェックが外れて、チェックボックスも無効にします。
下記の書き方はうまく動きましたが、
セッションがある場合は、全部checkbox checkedが外れてしまいました。
この場合はどうしたほうがいいでしょうか?
<ul class ="RadioBlock"> <li> <input id="fruit1" class="inputRadio" checked="checked" v-model="fruit_type" name="fruit_type" type="radio" value="1">orange </li> <li> <input id="fruit2" class="inputRadio" name="fruit_type" v-model="fruit_type" type="radio" value="2">banana </li> </ul> <ul class ="CheckBlock"> <li> <input id="fruit1" class="inputRadio" checked="checked" v-model="fruit_type" name="fruit_type" type="radio" value="1">orange </li> <li> <input id="fruit2" class="inputRadio" name="fruit_type" v-model="fruit_type" type="radio" value="2">banana </li> </ul> <ul class="RadioBlock"> <li> <input id="fruit_type_option1" class="inputRadio" checked="checked" :checked="fruit_type ==1 ? false : ''" name="contract_type_optional[]" type="checkbox" value="1" :disabled="fruit_type == 1" name="fruit_type" type="radio" value="1">orange </li> <li> <input id="fruit_type_option2" class="inputRadio" name="fruit_type" :checked="fruit_type ==2 ? false : ''" name="contract_type_optional[]" type="checkbox" value="2" :disabled="fruit_type == 2" type="radio" value="2">banana </li> <ul>
Vue.js
let app = new Vue({ el: "#app", data: { fruit_type:1, fruit_type_optional:[], errors:{} }, created:function () { let count_data = 0; for (let key in old_data) { if (old_data[key] != null && old_data[key] != "") { count_data += 1; } } if (count_data > 0) { for (let key in old_data) { this.$set(this, key, old_data[key]); } } else { let that = this; axios.get('api/getSession') .then(res => { Object.entries(res.data).map(function (data) { console.log(data[0], data[1]); if(data[0]!= '_token') { that.$set(that, data[0], data[1]); } }); }) .catch(error => { this.message = 'データの取得に失敗しました。'; }); } }, } });
回答1件
あなたの回答
tips
プレビュー